@refinitiv-ui/elements 5.11.0-alpha.1 → 5.12.0-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.11.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.10.1...@refinitiv-ui/elements@5.11.0) (2022-01-14)
+
+
+### Features
+
+* **tree:** improve screen reader support ([#102](https://github.com/Refinitiv/refinitiv-ui/issues/102)) ([0d6db3b](https://github.com/Refinitiv/refinitiv-ui/commit/0d6db3bbf11eb6793ade6f60cab2f24b98bd9f40))
+
+
+
+
+
+## [5.10.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.10.0...@refinitiv-ui/elements@5.10.1) (2022-01-12)
+
+
+### Bug Fixes
+
+* **checkbox:** `Enter` key should not check or uncheck checkbox ([ee61255](https://github.com/Refinitiv/refinitiv-ui/commit/ee6125513ab670495ef7b87580fa97ea386c840a))
+* **pagination:** handle case when user input number with string ([#142](https://github.com/Refinitiv/refinitiv-ui/issues/142)) ([975f999](https://github.com/Refinitiv/refinitiv-ui/commit/975f9998bc1cf4b5326b567023984d8a893e6983))
+* **radio-button:** `Enter` key should not check or uncheck radio-button ([145f7bf](https://github.com/Refinitiv/refinitiv-ui/commit/145f7bfc15fe72e95d0719eaa6d691f09fd8a03c))
+* **radio-button:** add IE11 arrow keys navigation support ([#158](https://github.com/Refinitiv/refinitiv-ui/issues/158)) ([6389d00](https://github.com/Refinitiv/refinitiv-ui/commit/6389d006a07cdc5ed04ae77748f12726b7da48e1))
+
+
+
+
+
 # [5.10.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.9.1...@refinitiv-ui/elements@5.10.0) (2021-12-21)
 
 

package/README.md

@@ -29,10 +29,10 @@ Finally, import both elements that you want to use and its themes into your appl
 import '@refinitiv-ui/halo-theme/dark/imports/native-elements';
 
 // import element and its Halo dark theme
-import '@refinitiv-ui/elements/lib/button';
-import '@refinitiv-ui/elements/lib/panel';
-import '@refinitiv-ui/elements/lib/button/themes/halo/dark';
-import '@refinitiv-ui/elements/lib/panel/themes/halo/dark';
+import '@refinitiv-ui/elements/button';
+import '@refinitiv-ui/elements/panel';
+import '@refinitiv-ui/elements/button/themes/halo/dark';
+import '@refinitiv-ui/elements/panel/themes/halo/dark';
 ```
 
 Now, you can use the elements in your app.

package/lib/accordion/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 import { Collapse } from '../collapse/index.js';
 /**

package/lib/accordion/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/collapse/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-accordion', ':host([spacing]) ::slotted(ef-collapse){--panel-padding:15px}');

package/lib/accordion/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/collapse/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-accordion', ':host([spacing]) ::slotted(ef-collapse){--panel-padding:15px}');

package/lib/accordion/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/collapse/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-accordion', ':host([spacing]) ::slotted(ef-collapse){--panel-padding:15px}');

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

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/collapse/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-accordion', ':host([spacing]) ::slotted(ef-collapse){--panel-padding:15px}');

package/lib/appstate-bar/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 import '../icon/index.js';
 /**

package/lib/appstate-bar/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-appstate-bar', ':host{--heading-text-color:hsl(220, 12%, 98%);--heading-background-color:hsl(236, 77%, 62%);--text-color:hsl(0, 0%, 0%);--background-color:hsl(236, 77%, 92%);--border-color:hsl(220, 12%, 28%);display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:15rem;height:44px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%)}:host([state=info]){--heading-background-color:hsl(236, 35%, 44%)}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;padding:0 15px;background:var(--heading-background-color);color:var(--heading-text-color)}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}');

package/lib/appstate-bar/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-appstate-bar', ':host{--heading-text-color:hsl(220, 12%, 98%);--heading-background-color:hsl(236, 77%, 62%);--text-color:hsl(0, 0%, 0%);--background-color:hsl(236, 77%, 92%);--border-color:hsl(220, 12%, 85%);display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:15rem;height:44px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%)}:host([state=info]){--heading-background-color:hsl(236, 34%, 34%)}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;padding:0 15px;background:var(--heading-background-color);color:var(--heading-text-color)}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}');

package/lib/appstate-bar/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-appstate-bar', ':host{--heading-text-color:hsl(220, 12%, 98%);--heading-background-color:hsl(236, 77%, 62%);--text-color:hsl(0, 0%, 0%);--background-color:hsl(236, 77%, 92%);--border-color:hsl(220, 12%, 28%);display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:15rem;height:44px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%)}:host([state=info]){--heading-background-color:hsl(236, 35%, 44%)}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;padding:0 15px;background:var(--heading-background-color);color:var(--heading-text-color)}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}');

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

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-appstate-bar', ':host{--heading-text-color:hsl(220, 12%, 98%);--heading-background-color:hsl(236, 77%, 62%);--text-color:hsl(0, 0%, 0%);--background-color:hsl(236, 77%, 92%);--border-color:hsl(220, 12%, 85%);display:flex;align-items:center;background:var(--background-color);color:var(--text-color);outline:solid 1px var(--border-color);font-size:15rem;height:44px}:host([state=highlight]){--heading-background-color:hsl(337, 80%, 49%)}:host([state=info]){--heading-background-color:hsl(236, 34%, 34%)}:host ::slotted(*){padding-right:10px}:host [part=heading]{display:flex;flex:0 0 auto;align-items:center;height:100%;text-transform:uppercase;font-weight:600;padding:0 15px;background:var(--heading-background-color);color:var(--heading-text-color)}:host [part=message]{flex:1 1000000 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;text-align:inherit}:host [part=right]{flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [part=close]{touch-action:manipulation;flex:0 0 auto;width:16px;height:16px;margin-right:10px;stroke-width:.11em;cursor:pointer}');

package/lib/autosuggest/index.js

@@ -1,14 +1,14 @@
 var Autosuggest_1;
 import { __decorate } from "tslib";
 import { css, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { unsafeHTML } from '@refinitiv-ui/core/lib/directives/unsafe-html.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { unsafeHTML } from '@refinitiv-ui/core/directives/unsafe-html.js';
 import { VERSION } from '../version.js';
-import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/lib/async.js';
+import { AnimationTaskRunner, TimeoutTaskRunner } from '@refinitiv-ui/utils/async.js';
 import { escapeRegExp, itemHighlightable, itemRenderer, queryWordSelect } from './helpers/utils.js';
-import { isIE, isMobile } from '@refinitiv-ui/utils/lib/browser.js';
+import { isIE, isMobile } from '@refinitiv-ui/utils/browser.js';
 import { Overlay } from '../overlay/index.js';
 import '../loader/index.js';
 import '../item/index.js';

package/lib/autosuggest/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/lib/item/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+import '@refinitiv-ui/elements/lib/overlay/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+import '@refinitiv-ui/elements/lib/loader/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-autosuggest', 'kbd{display:inline-flex;border-radius:2px;font-family:inherit;justify-content:center;align-items:center;vertical-align:middle;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#16181c;min-width:1.33em;height:1.33em;padding:0 .3em;font-size:.76em}mark{color:#fff;background-color:#e01865}:host{min-height:0;max-height:350px;border:1px solid #3e444f;margin-top:1px;background-color:#16181c}:host([loading]){min-height:50px}:host [part=content]{overflow:auto;touch-action:manipulation;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a;scrollbar-color:#3e444f #21242a}:host [part=more-results]{border-top:1px solid #3e444f}:host [part=more-results] mark{background-color:inherit;font-weight:500}:host [part=more-results-text]{font-size:.76em}:host [part=more-results-keys],:host [part=more-results] mark{color:#fff}:host [part=loader]{top:0;bottom:0;left:0;right:0;position:absolute}:host [part=backdrop]{background-color:#000;opacity:.6;width:100%;height:100%}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}');

package/lib/autosuggest/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/lib/item/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+import '@refinitiv-ui/elements/lib/overlay/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+import '@refinitiv-ui/elements/lib/loader/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-autosuggest', 'kbd{display:inline-flex;border-radius:2px;font-family:inherit;justify-content:center;align-items:center;vertical-align:middle;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#3e444f;min-width:1.33em;height:1.33em;padding:0 .3em;font-size:.76em}mark{color:#fff;background-color:#e01865}:host{min-height:0;max-height:350px;border:1px solid #d4d7dd;margin-top:1px;background-color:#fff}:host([loading]){min-height:50px}:host [part=content]{overflow:auto;touch-action:manipulation;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa;scrollbar-color:#d4d7dd #f9f9fa}:host [part=more-results]{border-top:1px solid #d4d7dd}:host [part=more-results] mark{background-color:inherit;font-weight:500}:host [part=more-results-text]{font-size:.76em}:host [part=more-results-keys],:host [part=more-results] mark{color:#3e444f}:host [part=loader]{top:0;bottom:0;left:0;right:0;position:absolute}:host [part=backdrop]{background-color:#d4d7dd;opacity:.6;width:100%;height:100%}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f9f9fa;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#d4d7dd;border-radius:8px;border:2px solid #f9f9fa}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#f9f9fa}::-webkit-scrollbar-corner{background:#f9f9fa}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}');

package/lib/autosuggest/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/lib/item/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+import '@refinitiv-ui/elements/lib/overlay/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+import '@refinitiv-ui/elements/lib/loader/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-autosuggest', 'kbd{display:inline-flex;border-radius:2px;font-family:inherit;justify-content:center;align-items:center;vertical-align:middle;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#16181c;min-width:1.33em;height:1.33em;padding:0 .3em;font-size:.76em}mark{color:#fff;background-color:#e01865}:host{min-height:0;max-height:350px;border:1px solid #3e444f;margin-top:1px;background-color:#16181c}:host([loading]){min-height:50px}:host [part=content]{overflow:auto;touch-action:manipulation;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a;scrollbar-color:#3e444f #21242a}:host [part=more-results]{border-top:1px solid #3e444f}:host [part=more-results] mark{background-color:inherit;font-weight:500}:host [part=more-results-text]{font-size:.76em}:host [part=more-results-keys],:host [part=more-results] mark{color:#fff}:host [part=loader]{top:0;bottom:0;left:0;right:0;position:absolute}:host [part=backdrop]{background-color:#000;opacity:.6;width:100%;height:100%}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}');

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

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/lib/item/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+import '@refinitiv-ui/elements/lib/overlay/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+import '@refinitiv-ui/elements/lib/loader/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-autosuggest', 'kbd{display:inline-flex;border-radius:2px;font-family:inherit;justify-content:center;align-items:center;vertical-align:middle;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#3e444f;min-width:1.33em;height:1.33em;padding:0 .3em;font-size:.76em}mark{color:#fff;background-color:#e01865}:host{min-height:0;max-height:350px;border:1px solid #d4d7dd;margin-top:1px;background-color:#fff}:host([loading]){min-height:50px}:host [part=content]{overflow:auto;touch-action:manipulation;scrollbar-face-color:#d4d7dd;scrollbar-shadow-color:#d4d7dd;scrollbar-highlight-color:#d4d7dd;scrollbar-arrow-color:#d4d7dd;scrollbar-track-color:#f9f9fa;scrollbar-3dlight-color:#f9f9fa;scrollbar-darkshadow-color:#f9f9fa;scrollbar-color:#d4d7dd #f9f9fa}:host [part=more-results]{border-top:1px solid #d4d7dd}:host [part=more-results] mark{background-color:inherit;font-weight:500}:host [part=more-results-text]{font-size:.76em}:host [part=more-results-keys],:host [part=more-results] mark{color:#3e444f}:host [part=loader]{top:0;bottom:0;left:0;right:0;position:absolute}:host [part=backdrop]{background-color:#d4d7dd;opacity:.6;width:100%;height:100%}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #f9f9fa;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#d4d7dd;border-radius:8px;border:2px solid #f9f9fa}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#f9f9fa}::-webkit-scrollbar-corner{background:#f9f9fa}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd),linear-gradient(#d4d7dd,#d4d7dd);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}');

package/lib/button/index.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { ControlElement, html } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 import { registerOverflowTooltip } from '../tooltip/index.js';
 import '../icon/index.js';

package/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-button', ':host{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background-color:#3e444f;color:#fff;border:0 solid #3e444f;height:40px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:7px 15px;outline:0;font-family:inherit;font-size:15rem;font-weight:400;min-width:90px;margin:10px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;touch-action:manipulation}:host [part=icon]{flex:none}:host(:not([empty])) [part=label]{white-space:inherit;overflow:inherit;text-overflow:inherit;min-width:0;flex:1 1 auto}:host([hover-icon]) #hover-icon{display:none}:host([cta]){background-color:#535de8;color:#fff;border-color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles]){background-color:#3e444f;color:#fff;border-color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles][active]){background-color:#e01865;color:#fff;border-color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([empty][icon]){min-width:40px;padding:0}:host(:not([cta])[empty][icon][transparent]){color:#3e444f;background:0 0!important;box-shadow:none!important;border:none!important}:host(:not([cta])[empty][icon][transparent]:not(:focus)){border-color:transparent!important}:host(:not([cta])[empty][icon][transparent][toggles][active]){color:#e01865}@media (-ms-high-contrast:none),(pointer:fine){:host([hover-icon]:hover) #icon{display:none}:host([hover-icon]:hover) #hover-icon{display:block}:host(:focus:not([focused])),:host([focused=visible]){background-color:#3e444f;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host(:hover){background-color:#4c525c;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:hover:not(:focus)){border-color:#3e444f;outline:0}:host([cta]:focus:not([focused])),:host([cta][focused=visible]){background-color:#535de8;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host([cta]:hover){background-color:#5f69ea;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([cta]:hover:not(:focus)){border-color:#3e444f;outline:0}:host([toggles]:focus:not([focused])),:host([toggles][focused=visible]){background-color:#3e444f;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host([toggles]:hover){background-color:#4c525c;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles]:hover:not(:focus)){border-color:#3e444f;outline:0}:host([toggles][active]:focus:not([focused])),:host([toggles][active][focused=visible]){background-color:#e01865;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host([toggles][active]:hover){background-color:#e32970;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles][active]:hover:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][focused=visible]){background-color:transparent;color:#3e444f;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent]:hover){background-color:rgba(255,255,255,.07);color:#3e444f;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent]:hover:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][toggles][active][focused=visible]){background-color:transparent;color:#e01865;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover){background-color:rgba(255,255,255,.07);color:#e01865;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover:not(:focus)){border-color:#3e444f;outline:0}}@media all{:host(:active){background-color:#3a404a;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:active:not(:focus)){border-color:#3e444f;outline:0}:host([disabled]){background-color:#323740;color:#999b9f;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host([cta]:active){background-color:#4e57d8;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([cta]:active:not(:focus)){border-color:#3e444f;outline:0}:host([cta][disabled]){background-color:#434bba;color:#a1a5dd;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host([toggles]:active){background-color:#3a404a;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles]:active:not(:focus)){border-color:#3e444f;outline:0}:host([toggles][disabled]){background-color:#323740;color:#999b9f;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host([toggles][active]:active){background-color:#d1175f;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles][active]:active:not(:focus)){border-color:#3e444f;outline:0}:host([toggles][active][disabled]){background-color:#b41451;color:#d989a8;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent]:active){background-color:rgba(0,0,0,.07);color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent]:active:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][disabled]){background-color:rgba(0,0,0,.2);color:rgba(57,62,72,.6);border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent][toggles][active]:active){background-color:rgba(0,0,0,.07);color:#e01865;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent][toggles][active]:active:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active][disabled]){background-color:rgba(0,0,0,.2);color:rgba(202,22,91,.6);border-color:#323740;box-shadow:none;outline:0;pointer-events:none}}:host(:not([empty])[icon][textpos=before]) [part=icon]{order:1}:host(:not([empty])[icon][textpos=after]) [part=label]{padding-left:.3em}:host(:not([empty])[icon][textpos=before]) [part=label]{padding-right:.3em}');

package/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-button', ':host{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background-color:#707a8e;color:#fff;border:0 solid #d4d7dd;height:40px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:7px 15px;outline:0;font-family:inherit;font-size:15rem;font-weight:400;min-width:90px;margin:10px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;touch-action:manipulation}:host [part=icon]{flex:none}:host(:not([empty])) [part=label]{white-space:inherit;overflow:inherit;text-overflow:inherit;min-width:0;flex:1 1 auto}:host([hover-icon]) #hover-icon{display:none}:host([cta]){background-color:#535de8;color:#fff;border-color:#d4d7dd;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles]){background-color:#707a8e;color:#fff;border-color:#d4d7dd;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles][active]){background-color:#e01865;color:#fff;border-color:#d4d7dd;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([empty][icon]){min-width:40px;padding:0}:host(:not([cta])[empty][icon][transparent]){color:#707a8e;background:0 0!important;box-shadow:none!important;border:none!important}:host(:not([cta])[empty][icon][transparent]:not(:focus)){border-color:transparent!important}:host(:not([cta])[empty][icon][transparent][toggles][active]){color:#e01865}@media (-ms-high-contrast:none),(pointer:fine){:host([hover-icon]:hover) #icon{display:none}:host([hover-icon]:hover) #hover-icon{display:block}:host(:focus:not([focused])),:host([focused=visible]){background-color:#707a8e;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host(:hover){background-color:#7a8497;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host([cta]:focus:not([focused])),:host([cta][focused=visible]){background-color:#535de8;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host([cta]:hover){background-color:#5f69ea;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([cta]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles]:focus:not([focused])),:host([toggles][focused=visible]){background-color:#707a8e;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host([toggles]:hover){background-color:#7a8497;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles][active]:focus:not([focused])),:host([toggles][active][focused=visible]){background-color:#e01865;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host([toggles][active]:hover){background-color:#e32970;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles][active]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][focused=visible]){background-color:transparent;color:#707a8e;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent]:hover){background-color:rgba(255,255,255,.07);color:#707a8e;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][toggles][active][focused=visible]){background-color:transparent;color:#e01865;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover){background-color:rgba(255,255,255,.07);color:#e01865;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover:not(:focus)){border-color:#d4d7dd;outline:0}}@media all{:host(:active){background-color:#687285;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([disabled]){background-color:#8d95a5;color:#c6cad2;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host([cta]:active){background-color:#4e57d8;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([cta]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([cta][disabled]){background-color:#767eed;color:#babef6;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host([toggles]:active){background-color:#687285;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles][disabled]){background-color:#8d95a5;color:#c6cad2;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host([toggles][active]:active){background-color:#d1175f;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles][active]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles][active][disabled]){background-color:#e74784;color:#f3a3c2;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent]:active){background-color:rgba(0,0,0,.07);color:#707a8e;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][disabled]){background-color:rgba(255,255,255,.2);color:rgba(126,136,154,.6);border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent][toggles][active]:active){background-color:rgba(0,0,0,.07);color:#e01865;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent][toggles][active]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active][disabled]){background-color:rgba(255,255,255,.2);color:rgba(228,48,117,.6);border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}}:host(:not([empty])[icon][textpos=before]) [part=icon]{order:1}:host(:not([empty])[icon][textpos=after]) [part=label]{padding-left:.3em}:host(:not([empty])[icon][textpos=before]) [part=label]{padding-right:.3em}');

package/lib/button/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-button', ':host{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background-color:#3e444f;color:#fff;border:0 solid #3e444f;height:40px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:7px 15px;outline:0;font-family:inherit;font-size:15rem;font-weight:400;min-width:90px;margin:10px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;touch-action:manipulation}:host [part=icon]{flex:none}:host(:not([empty])) [part=label]{white-space:inherit;overflow:inherit;text-overflow:inherit;min-width:0;flex:1 1 auto}:host([hover-icon]) #hover-icon{display:none}:host([cta]){background-color:#535de8;color:#fff;border-color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles]){background-color:#3e444f;color:#fff;border-color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles][active]){background-color:#e01865;color:#fff;border-color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([empty][icon]){min-width:40px;padding:0}:host(:not([cta])[empty][icon][transparent]){color:#3e444f;background:0 0!important;box-shadow:none!important;border:none!important}:host(:not([cta])[empty][icon][transparent]:not(:focus)){border-color:transparent!important}:host(:not([cta])[empty][icon][transparent][toggles][active]){color:#e01865}@media (-ms-high-contrast:none),(pointer:fine){:host([hover-icon]:hover) #icon{display:none}:host([hover-icon]:hover) #hover-icon{display:block}:host(:focus:not([focused])),:host([focused=visible]){background-color:#3e444f;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host(:hover){background-color:#4c525c;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:hover:not(:focus)){border-color:#3e444f;outline:0}:host([cta]:focus:not([focused])),:host([cta][focused=visible]){background-color:#535de8;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host([cta]:hover){background-color:#5f69ea;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([cta]:hover:not(:focus)){border-color:#3e444f;outline:0}:host([toggles]:focus:not([focused])),:host([toggles][focused=visible]){background-color:#3e444f;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host([toggles]:hover){background-color:#4c525c;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles]:hover:not(:focus)){border-color:#3e444f;outline:0}:host([toggles][active]:focus:not([focused])),:host([toggles][active][focused=visible]){background-color:#e01865;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host([toggles][active]:hover){background-color:#e32970;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles][active]:hover:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][focused=visible]){background-color:transparent;color:#3e444f;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent]:hover){background-color:rgba(255,255,255,.07);color:#3e444f;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent]:hover:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][toggles][active][focused=visible]){background-color:transparent;color:#e01865;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover){background-color:rgba(255,255,255,.07);color:#e01865;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover:not(:focus)){border-color:#3e444f;outline:0}}@media all{:host(:active){background-color:#3a404a;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:active:not(:focus)){border-color:#3e444f;outline:0}:host([disabled]){background-color:#323740;color:#999b9f;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host([cta]:active){background-color:#4e57d8;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([cta]:active:not(:focus)){border-color:#3e444f;outline:0}:host([cta][disabled]){background-color:#434bba;color:#a1a5dd;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host([toggles]:active){background-color:#3a404a;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles]:active:not(:focus)){border-color:#3e444f;outline:0}:host([toggles][disabled]){background-color:#323740;color:#999b9f;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host([toggles][active]:active){background-color:#d1175f;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles][active]:active:not(:focus)){border-color:#3e444f;outline:0}:host([toggles][active][disabled]){background-color:#b41451;color:#d989a8;border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent]:active){background-color:rgba(0,0,0,.07);color:#3e444f;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent]:active:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][disabled]){background-color:rgba(0,0,0,.2);color:rgba(57,62,72,.6);border-color:#323740;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent][toggles][active]:active){background-color:rgba(0,0,0,.07);color:#e01865;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent][toggles][active]:active:not(:focus)){border-color:#3e444f;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active][disabled]){background-color:rgba(0,0,0,.2);color:rgba(202,22,91,.6);border-color:#323740;box-shadow:none;outline:0;pointer-events:none}}:host(:not([empty])[icon][textpos=before]) [part=icon]{order:1}:host(:not([empty])[icon][textpos=after]) [part=label]{padding-left:.3em}:host(:not([empty])[icon][textpos=before]) [part=label]{padding-right:.3em}');

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

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/icon/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-button', ':host{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background-color:#707a8e;color:#fff;border:0 solid #d4d7dd;height:40px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:7px 15px;outline:0;font-family:inherit;font-size:15rem;font-weight:400;min-width:90px;margin:10px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;touch-action:manipulation}:host [part=icon]{flex:none}:host(:not([empty])) [part=label]{white-space:inherit;overflow:inherit;text-overflow:inherit;min-width:0;flex:1 1 auto}:host([hover-icon]) #hover-icon{display:none}:host([cta]){background-color:#535de8;color:#fff;border-color:#d4d7dd;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles]){background-color:#707a8e;color:#fff;border-color:#d4d7dd;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([toggles][active]){background-color:#e01865;color:#fff;border-color:#d4d7dd;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);outline:0}:host([empty][icon]){min-width:40px;padding:0}:host(:not([cta])[empty][icon][transparent]){color:#707a8e;background:0 0!important;box-shadow:none!important;border:none!important}:host(:not([cta])[empty][icon][transparent]:not(:focus)){border-color:transparent!important}:host(:not([cta])[empty][icon][transparent][toggles][active]){color:#e01865}@media (-ms-high-contrast:none),(pointer:fine){:host([hover-icon]:hover) #icon{display:none}:host([hover-icon]:hover) #hover-icon{display:block}:host(:focus:not([focused])),:host([focused=visible]){background-color:#707a8e;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host(:hover){background-color:#7a8497;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host([cta]:focus:not([focused])),:host([cta][focused=visible]){background-color:#535de8;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host([cta]:hover){background-color:#5f69ea;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([cta]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles]:focus:not([focused])),:host([toggles][focused=visible]){background-color:#707a8e;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host([toggles]:hover){background-color:#7a8497;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles][active]:focus:not([focused])),:host([toggles][active][focused=visible]){background-color:#e01865;color:#fff;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host([toggles][active]:hover){background-color:#e32970;color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host([toggles][active]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][focused=visible]){background-color:transparent;color:#707a8e;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent]:hover){background-color:rgba(255,255,255,.07);color:#707a8e;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent]:hover:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:focus:not([focused])),:host(:not([cta])[empty][icon][transparent][toggles][active][focused=visible]){background-color:transparent;color:#e01865;box-shadow:0 1px 7px 2px rgba(0,0,0,.5);border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover){background-color:rgba(255,255,255,.07);color:#e01865;box-shadow:0 1px 7px 0 rgba(0,0,0,.5)}:host(:not([cta])[empty][icon][transparent][toggles][active]:hover:not(:focus)){border-color:#d4d7dd;outline:0}}@media all{:host(:active){background-color:#687285;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([disabled]){background-color:#8d95a5;color:#c6cad2;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host([cta]:active){background-color:#4e57d8;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([cta]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([cta][disabled]){background-color:#767eed;color:#babef6;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host([toggles]:active){background-color:#687285;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles][disabled]){background-color:#8d95a5;color:#c6cad2;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host([toggles][active]:active){background-color:#d1175f;color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host([toggles][active]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host([toggles][active][disabled]){background-color:#e74784;color:#f3a3c2;border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent]:active){background-color:rgba(0,0,0,.07);color:#707a8e;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][disabled]){background-color:rgba(255,255,255,.2);color:rgba(126,136,154,.6);border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}:host(:not([cta])[empty][icon][transparent][toggles][active]:active){background-color:rgba(0,0,0,.07);color:#e01865;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}:host(:not([cta])[empty][icon][transparent][toggles][active]:active:not(:focus)){border-color:#d4d7dd;outline:0}:host(:not([cta])[empty][icon][transparent][toggles][active][disabled]){background-color:rgba(255,255,255,.2);color:rgba(228,48,117,.6);border-color:#dddfe4;box-shadow:none;outline:0;pointer-events:none}}:host(:not([empty])[icon][textpos=before]) [part=icon]{order:1}:host(:not([empty])[icon][textpos=after]) [part=label]{padding-left:.3em}:host(:not([empty])[icon][textpos=before]) [part=label]{padding-right:.3em}');

package/lib/button-bar/index.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 import { Button } from '../button/index.js';
 /**

package/lib/button-bar/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-button-bar', ':host{vertical-align:bottom;background-color:#3e444f;margin:10px 0;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);touch-action:manipulation}::slotted(ef-button:not(:hover):not(:focus)){box-shadow:0 0 1px rgba(0,0,0,.2)}');

package/lib/button-bar/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-button-bar', ':host{vertical-align:bottom;background-color:#707a8e;margin:10px 0;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);touch-action:manipulation}::slotted(ef-button:not(:hover):not(:focus)){box-shadow:0 0 1px rgba(0,0,0,.2)}');

package/lib/button-bar/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-button-bar', ':host{vertical-align:bottom;background-color:#3e444f;margin:10px 0;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);touch-action:manipulation}::slotted(ef-button:not(:hover):not(:focus)){box-shadow:0 0 1px rgba(0,0,0,.2)}');

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

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-button-bar', ':host{vertical-align:bottom;background-color:#707a8e;margin:10px 0;border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);touch-action:manipulation}::slotted(ef-button:not(:hover):not(:focus)){box-shadow:0 0 1px rgba(0,0,0,.2)}');

package/lib/calendar/constants.js

@@ -1,4 +1,4 @@
-import { uuid } from '@refinitiv-ui/utils/lib/uuid.js';
+import { uuid } from '@refinitiv-ui/utils/uuid.js';
 export var RenderView;
 (function (RenderView) {
     RenderView["DAY"] = "day";

package/lib/calendar/index.d.ts

@@ -4,7 +4,7 @@ import { TranslateDirective, TranslatePromise } from '@refinitiv-ui/translate';
 import { CalendarFilter } from './types';
 import './locales.js';
 import '../button/index.js';
-import '@refinitiv-ui/phrasebook/lib/locale/en/calendar.js';
+import '@refinitiv-ui/phrasebook/locale/en/calendar.js';
 export { CalendarFilter };
 /**
  * Standard calendar element

package/lib/calendar/index.js

@@ -1,22 +1,22 @@
 import { __decorate } from "tslib";
 import { ControlElement, html, css, WarningNotice } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { state } from '@refinitiv-ui/core/lib/decorators/state.js';
-import { ifDefined } from '@refinitiv-ui/core/lib/directives/if-defined.js';
-import { cache } from '@refinitiv-ui/core/lib/directives/cache.js';
-import { guard } from '@refinitiv-ui/core/lib/directives/guard.js';
-import { ref, createRef } from '@refinitiv-ui/core/lib/directives/ref.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { state } from '@refinitiv-ui/core/decorators/state.js';
+import { ifDefined } from '@refinitiv-ui/core/directives/if-defined.js';
+import { cache } from '@refinitiv-ui/core/directives/cache.js';
+import { guard } from '@refinitiv-ui/core/directives/guard.js';
+import { ref, createRef } from '@refinitiv-ui/core/directives/ref.js';
 import { VERSION } from '../version.js';
-import { isIE } from '@refinitiv-ui/utils/lib/browser.js';
-import { DateFormat, format, utcFormat, utcParse, isValidDate, isWeekend, isAfter, isBefore, addMonths, subMonths, isToday, isThisMonth, isThisYear, isSameDay, isSameMonth, isSameYear, toDateSegment, parse } from '@refinitiv-ui/utils/lib/date.js';
-import { left, right, up, down, first, last } from '@refinitiv-ui/utils/lib/navigation.js';
+import { isIE } from '@refinitiv-ui/utils/browser.js';
+import { DateFormat, format, utcFormat, utcParse, isValidDate, isWeekend, isAfter, isBefore, addMonths, subMonths, isToday, isThisMonth, isThisYear, isSameDay, isSameMonth, isSameYear, toDateSegment, parse } from '@refinitiv-ui/utils/date.js';
+import { left, right, up, down, first, last } from '@refinitiv-ui/utils/navigation.js';
 import { monthInfo, weekdaysNames, monthsNames, formatLocaleDate, ViewFormatTranslateParams } from './utils.js';
 import { translate, getLocale, TranslatePropertyKey } from '@refinitiv-ui/translate';
 import { RenderView, CalendarLocaleScope, FIRST_DAY_OF_WEEK, YEARS_PER_YEAR_VIEW, DAY_VIEW, YEAR_VIEW, MONTH_VIEW } from './constants.js';
 import './locales.js';
 import '../button/index.js';
-import '@refinitiv-ui/phrasebook/lib/locale/en/calendar.js';
+import '@refinitiv-ui/phrasebook/locale/en/calendar.js';
 /**
  * Standard calendar element
  *

package/lib/calendar/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-calendar', ':host{outline:0;min-width:280px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:3px;color:#b7bcc6;vertical-align:top}:host [part=navigation]{padding:3px}:host [part=btn-next],:host [part=btn-prev],:host [part=btn-view]{transition:width;margin:0;background-color:transparent;color:inherit;box-shadow:none;position:relative}:host [part=btn-next]:hover::after,:host [part=btn-next][focused=visible]::after,:host [part=btn-prev]:hover::after,:host [part=btn-prev][focused=visible]::after,:host [part=btn-view]:hover::after,:host [part=btn-view][focused=visible]::after{content:\'\';position:absolute;top:0;right:0;left:0;bottom:0;border-radius:2em;background:hsla(220,12%,28%,.1)}:host [part=btn-view]{margin-left:17px}:host [part=table]{width:100%}:host [part~=cell]{font-weight:400}:host [part~=cell][disabled]{opacity:.3}:host [part~=cell][today]::before{content:\'\';position:absolute;top:calc(50% + .5em);left:calc(50% - .55em);width:1.1em;height:2px;background:#e01865}:host [part~=cell]:not([selected]):not([range]):not([disabled])[idle]{opacity:.6}:host [part~=cell]:not([selected]):not([range]) [part~=selection]:focus,:host [part~=cell]:not([selected]):not([range]) [part~=selection]:hover{background:hsla(220,12%,28%,.1)}:host [part~=cell][range] [part~=selection]{background:hsla(337,80%,49%,.1);border-radius:0;right:0;left:0}:host [part~=cell][range][last-date] [part~=selection]{background:linear-gradient(to right,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][range][first-date] [part~=selection]{background:linear-gradient(to left,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][selected]{color:#e01865}:host [part~=cell][selected] [part~=selection]{background:hsla(337,80%,49%,.15);border:2px solid hsla(337,80%,49%,.25)}:host [part~=cell][range-from] [part~=selection],:host [part~=cell][range-to] [part~=selection]{background:hsla(337,80%,49%,.05)}:host [part~=cell][range-from] [part~=selection]::after,:host [part~=cell][range-to] [part~=selection]::after{content:\'\';position:absolute;right:0;left:0;top:-2px;bottom:-2px;background:hsla(337,80%,49%,.1)}:host [part~=cell][range-from] [part~=selection]::after{right:-3px;border-top-left-radius:100%;border-bottom-left-radius:100%}:host [part~=cell][range-to] [part~=selection]::after{left:-3px;border-top-right-radius:100%;border-bottom-right-radius:100%}:host [part~=day-name]{font-size:85%;color:#535de8}:host [part~=selection]{outline:0;top:1px;bottom:1px;right:1px;left:1px;border-radius:100%}:host [part=footer]{overflow:hidden;box-shadow:inset 0 1px 0 0 #3e444f}:host [part=footer] ::slotted(:first-child){margin-top:calc(100% / 14 - .5em)}:host([disabled]){opacity:.4}');

package/lib/calendar/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-calendar', ':host{outline:0;min-width:280px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:3px;color:#3e444f;vertical-align:top}:host [part=navigation]{padding:3px}:host [part=btn-next],:host [part=btn-prev],:host [part=btn-view]{transition:width;margin:0;background-color:transparent;color:inherit;box-shadow:none;position:relative}:host [part=btn-next]:hover::after,:host [part=btn-next][focused=visible]::after,:host [part=btn-prev]:hover::after,:host [part=btn-prev][focused=visible]::after,:host [part=btn-view]:hover::after,:host [part=btn-view][focused=visible]::after{content:\'\';position:absolute;top:0;right:0;left:0;bottom:0;border-radius:2em;background:hsla(220,12%,50%,.1)}:host [part=btn-view]{margin-left:17px}:host [part=table]{width:100%}:host [part~=cell]{font-weight:400}:host [part~=cell][disabled]{opacity:.3}:host [part~=cell][today]::before{content:\'\';position:absolute;top:calc(50% + .5em);left:calc(50% - .55em);width:1.1em;height:2px;background:#e01865}:host [part~=cell]:not([selected]):not([range]):not([disabled])[idle]{opacity:.6}:host [part~=cell]:not([selected]):not([range]) [part~=selection]:focus,:host [part~=cell]:not([selected]):not([range]) [part~=selection]:hover{background:hsla(220,12%,50%,.1)}:host [part~=cell][range] [part~=selection]{background:hsla(337,80%,49%,.1);border-radius:0;right:0;left:0}:host [part~=cell][range][last-date] [part~=selection]{background:linear-gradient(to right,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][range][first-date] [part~=selection]{background:linear-gradient(to left,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][selected]{color:#e01865}:host [part~=cell][selected] [part~=selection]{background:hsla(337,80%,49%,.15);border:2px solid hsla(337,80%,49%,.25)}:host [part~=cell][range-from] [part~=selection],:host [part~=cell][range-to] [part~=selection]{background:hsla(337,80%,49%,.05)}:host [part~=cell][range-from] [part~=selection]::after,:host [part~=cell][range-to] [part~=selection]::after{content:\'\';position:absolute;right:0;left:0;top:-2px;bottom:-2px;background:hsla(337,80%,49%,.1)}:host [part~=cell][range-from] [part~=selection]::after{right:-3px;border-top-left-radius:100%;border-bottom-left-radius:100%}:host [part~=cell][range-to] [part~=selection]::after{left:-3px;border-top-right-radius:100%;border-bottom-right-radius:100%}:host [part~=day-name]{font-size:85%;color:#535de8}:host [part~=selection]{outline:0;top:1px;bottom:1px;right:1px;left:1px;border-radius:100%}:host [part=footer]{overflow:hidden;box-shadow:inset 0 1px 0 0 #d4d7dd}:host [part=footer] ::slotted(:first-child){margin-top:calc(100% / 14 - .5em)}:host([disabled]){opacity:.4}');

package/lib/calendar/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-calendar', ':host{outline:0;min-width:280px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:3px;color:#b7bcc6;vertical-align:top}:host [part=navigation]{padding:3px}:host [part=btn-next],:host [part=btn-prev],:host [part=btn-view]{transition:width;margin:0;background-color:transparent;color:inherit;box-shadow:none;position:relative}:host [part=btn-next]:hover::after,:host [part=btn-next][focused=visible]::after,:host [part=btn-prev]:hover::after,:host [part=btn-prev][focused=visible]::after,:host [part=btn-view]:hover::after,:host [part=btn-view][focused=visible]::after{content:\'\';position:absolute;top:0;right:0;left:0;bottom:0;border-radius:2em;background:hsla(220,12%,28%,.1)}:host [part=btn-view]{margin-left:17px}:host [part=table]{width:100%}:host [part~=cell]{font-weight:400}:host [part~=cell][disabled]{opacity:.3}:host [part~=cell][today]::before{content:\'\';position:absolute;top:calc(50% + .5em);left:calc(50% - .55em);width:1.1em;height:2px;background:#e01865}:host [part~=cell]:not([selected]):not([range]):not([disabled])[idle]{opacity:.6}:host [part~=cell]:not([selected]):not([range]) [part~=selection]:focus,:host [part~=cell]:not([selected]):not([range]) [part~=selection]:hover{background:hsla(220,12%,28%,.1)}:host [part~=cell][range] [part~=selection]{background:hsla(337,80%,49%,.1);border-radius:0;right:0;left:0}:host [part~=cell][range][last-date] [part~=selection]{background:linear-gradient(to right,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][range][first-date] [part~=selection]{background:linear-gradient(to left,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][selected]{color:#e01865}:host [part~=cell][selected] [part~=selection]{background:hsla(337,80%,49%,.15);border:2px solid hsla(337,80%,49%,.25)}:host [part~=cell][range-from] [part~=selection],:host [part~=cell][range-to] [part~=selection]{background:hsla(337,80%,49%,.05)}:host [part~=cell][range-from] [part~=selection]::after,:host [part~=cell][range-to] [part~=selection]::after{content:\'\';position:absolute;right:0;left:0;top:-2px;bottom:-2px;background:hsla(337,80%,49%,.1)}:host [part~=cell][range-from] [part~=selection]::after{right:-3px;border-top-left-radius:100%;border-bottom-left-radius:100%}:host [part~=cell][range-to] [part~=selection]::after{left:-3px;border-top-right-radius:100%;border-bottom-right-radius:100%}:host [part~=day-name]{font-size:85%;color:#535de8}:host [part~=selection]{outline:0;top:1px;bottom:1px;right:1px;left:1px;border-radius:100%}:host [part=footer]{overflow:hidden;box-shadow:inset 0 1px 0 0 #3e444f}:host [part=footer] ::slotted(:first-child){margin-top:calc(100% / 14 - .5em)}:host([disabled]){opacity:.4}');

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

@@ -0,0 +1,3 @@
+import '@refinitiv-ui/elements/lib/button/themes/solar/node_modules/@refinitiv-ui/elemental-theme/light';
+
+elf.customStyles.define('ef-calendar', ':host{outline:0;min-width:280px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:3px;color:#3e444f;vertical-align:top}:host [part=navigation]{padding:3px}:host [part=btn-next],:host [part=btn-prev],:host [part=btn-view]{transition:width;margin:0;background-color:transparent;color:inherit;box-shadow:none;position:relative}:host [part=btn-next]:hover::after,:host [part=btn-next][focused=visible]::after,:host [part=btn-prev]:hover::after,:host [part=btn-prev][focused=visible]::after,:host [part=btn-view]:hover::after,:host [part=btn-view][focused=visible]::after{content:\'\';position:absolute;top:0;right:0;left:0;bottom:0;border-radius:2em;background:hsla(220,12%,50%,.1)}:host [part=btn-view]{margin-left:17px}:host [part=table]{width:100%}:host [part~=cell]{font-weight:400}:host [part~=cell][disabled]{opacity:.3}:host [part~=cell][today]::before{content:\'\';position:absolute;top:calc(50% + .5em);left:calc(50% - .55em);width:1.1em;height:2px;background:#e01865}:host [part~=cell]:not([selected]):not([range]):not([disabled])[idle]{opacity:.6}:host [part~=cell]:not([selected]):not([range]) [part~=selection]:focus,:host [part~=cell]:not([selected]):not([range]) [part~=selection]:hover{background:hsla(220,12%,50%,.1)}:host [part~=cell][range] [part~=selection]{background:hsla(337,80%,49%,.1);border-radius:0;right:0;left:0}:host [part~=cell][range][last-date] [part~=selection]{background:linear-gradient(to right,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][range][first-date] [part~=selection]{background:linear-gradient(to left,hsla(337,80%,49%,.1) 70%,hsla(337,80%,49%,0) 100%)}:host [part~=cell][selected]{color:#e01865}:host [part~=cell][selected] [part~=selection]{background:hsla(337,80%,49%,.15);border:2px solid hsla(337,80%,49%,.25)}:host [part~=cell][range-from] [part~=selection],:host [part~=cell][range-to] [part~=selection]{background:hsla(337,80%,49%,.05)}:host [part~=cell][range-from] [part~=selection]::after,:host [part~=cell][range-to] [part~=selection]::after{content:\'\';position:absolute;right:0;left:0;top:-2px;bottom:-2px;background:hsla(337,80%,49%,.1)}:host [part~=cell][range-from] [part~=selection]::after{right:-3px;border-top-left-radius:100%;border-bottom-left-radius:100%}:host [part~=cell][range-to] [part~=selection]::after{left:-3px;border-top-right-radius:100%;border-bottom-right-radius:100%}:host [part~=day-name]{font-size:85%;color:#535de8}:host [part~=selection]{outline:0;top:1px;bottom:1px;right:1px;left:1px;border-radius:100%}:host [part=footer]{overflow:hidden;box-shadow:inset 0 1px 0 0 #d4d7dd}:host [part=footer] ::slotted(:first-child){margin-top:calc(100% / 14 - .5em)}:host([disabled]){opacity:.4}');

package/lib/calendar/types.d.ts

@@ -1,4 +1,4 @@
-import { CellIndex } from '@refinitiv-ui/utils/lib/navigation.js';
+import { CellIndex } from '@refinitiv-ui/utils/navigation.js';
 import { RenderView } from './constants.js';
 export interface CellSelectionModel {
     selected?: boolean;

package/lib/calendar/utils.js

@@ -1,4 +1,4 @@
-import { toDateSegment, getDaysInMonth, utcParse } from '@refinitiv-ui/utils/lib/date.js';
+import { toDateSegment, getDaysInMonth, utcParse } from '@refinitiv-ui/utils/date.js';
 import { DEFAULT_LOCALE, resolveLocale } from '@refinitiv-ui/i18n';
 import { CalendarLocaleScope } from './constants.js';
 /**

package/lib/canvas/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { ResponsiveElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../version.js';
 /**
  * A Component uses to draw graphics on a web page,

package/lib/canvas/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,2 @@
+
+elf.customStyles.define('ef-canvas', '');

package/lib/canvas/themes/halo/node_modules/@refinitiv-ui/elemental-theme/light/index.js

@@ -0,0 +1,2 @@
+
+elf.customStyles.define('ef-canvas', '');

package/lib/canvas/themes/solar/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,2 @@
+
+elf.customStyles.define('ef-canvas', '');

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

@@ -0,0 +1,2 @@
+
+elf.customStyles.define('ef-canvas', '');

package/lib/card/index.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { BasicElement, html, css } from '@refinitiv-ui/core';
-import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
-import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
-import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
-import { state } from '@refinitiv-ui/core/lib/decorators/state.js';
+import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
+import { property } from '@refinitiv-ui/core/decorators/property.js';
+import { query } from '@refinitiv-ui/core/decorators/query.js';
+import { state } from '@refinitiv-ui/core/decorators/state.js';
 import { VERSION } from '../version.js';
-import { isSlotEmpty } from '@refinitiv-ui/utils/lib/is-slot-empty.js';
+import { isSlotEmpty } from '@refinitiv-ui/utils/is-slot-empty.js';
 import '../label/index.js';
 import '../button/index.js';
 import '../overlay-menu/index.js';

package/lib/card/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark/index.js

@@ -0,0 +1,5 @@
+import '@refinitiv-ui/elements/lib/button/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+import '@refinitiv-ui/elements/lib/overlay-menu/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+import '@refinitiv-ui/elements/lib/label/themes/halo/node_modules/@refinitiv-ui/elemental-theme/dark';
+
+elf.customStyles.define('ef-card', ':host{padding:15px;box-sizing:border-box;width:400px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);background-color:#21242a;overflow:hidden;scrollbar-face-color:#3e444f;scrollbar-shadow-color:#3e444f;scrollbar-highlight-color:#3e444f;scrollbar-arrow-color:#3e444f;scrollbar-track-color:#21242a;scrollbar-3dlight-color:#21242a;scrollbar-darkshadow-color:#21242a;scrollbar-color:#3e444f #21242a}:host [part~=body],:host [part~=footer],:host [part~=header]{position:relative}:host [part~=body]{overflow:auto}:host [part~=footer],:host [part~=header]{flex:1 0 auto}:host [part~=header]{padding-bottom:inherit;min-height:40px}:host [part~=header-body]{z-index:0;font-weight:400;font-size:130%;font-family:inherit;display:flex;align-items:center}:host [part~=menu-button]{margin:0;font-size:17px}:host [part~=footer]{padding-top:inherit}:host [part~=footer-body]{padding-top:calc(1em - 1px);font-family:inherit;color:hsla(220,12%,75%,.6);border-top:1px solid #3e444f}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #21242a;height:15px;width:15px;display:block}::-webkit-scrollbar-thumb{background:#3e444f;border-radius:8px;border:2px solid #21242a}::-webkit-scrollbar-thumb:hover{background:#b7bcc6}::-webkit-scrollbar-thumb:active{background:#707a8e}::-webkit-scrollbar-track{background:#21242a}::-webkit-scrollbar-corner{background:#21242a}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 8.5px,11px 7.5px,10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 4.5px,5px 5.5px,4px 6.5px,3px 7.5px,2px 8.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:12px 4.5px,11px 5.5px,10px 6.5px,9px 7.5px,8px 8.5px,7px 9.5px,6px 8.5px,5px 7.5px,4px 6.5px,3px 5.5px,2px 4.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:8.5px 12px,7.5px 11px,6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,4.5px 6px,5.5px 5px,6.5px 4px,7.5px 3px,8.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f),linear-gradient(#3e444f,#3e444f);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6),linear-gradient(#b7bcc6,#b7bcc6);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e),linear-gradient(#707a8e,#707a8e);background-position:4.5px 12px,5.5px 11px,6.5px 10px,7.5px 9px,8.5px 8px,9.5px 7px,8.5px 6px,7.5px 5px,6.5px 4px,5.5px 3px,4.5px 2px}');