@refinitiv-ui/elements 7.6.2 → 7.8.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.8.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.7.0...@refinitiv-ui/elements@7.8.0) (2023-10-31)
+
+### Bug Fixes
+
+- **list:** `selectItem()` should always require a param ([#998](https://github.com/Refinitiv/refinitiv-ui/issues/998)) ([fef8e56](https://github.com/Refinitiv/refinitiv-ui/commit/fef8e56e9187f4b0a49962a4cd87defcdc02f103))
+- update `@trivago/prettier-plugin-sort-imports` to fix babel vulnerable to arbitrary code execution ([#1002](https://github.com/Refinitiv/refinitiv-ui/issues/1002)) ([e96385f](https://github.com/Refinitiv/refinitiv-ui/commit/e96385f652d8e2a8c3f6dffc952fecd718c9d033))
+
+### Features
+
+- adding `type=module` to `package.json` ([#974](https://github.com/Refinitiv/refinitiv-ui/issues/974)) ([9bf21dc](https://github.com/Refinitiv/refinitiv-ui/commit/9bf21dc05cb7ed93e1d14e797c1bf6af85b659d3)), closes [#985](https://github.com/Refinitiv/refinitiv-ui/issues/985)
+
+# [7.7.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.6.2...@refinitiv-ui/elements@7.7.0) (2023-10-24)
+
+### Bug Fixes
+
+- `ITimeScaleApi` type errors in `lightweight-charts` to 4.1.0 ([#989](https://github.com/Refinitiv/refinitiv-ui/issues/989)) ([ece42d8](https://github.com/Refinitiv/refinitiv-ui/commit/ece42d8f912634cbded0961072ed9430a45bd527))
+- **password-field, phrasebook:** improve show password announcement ([#962](https://github.com/Refinitiv/refinitiv-ui/issues/962)) ([4b6dcdc](https://github.com/Refinitiv/refinitiv-ui/commit/4b6dcdc23b4cc0f9dd7fe9e2df5314960ad65b07))
+
+### Features
+
+- **number-field:** support long press at spinner ([#983](https://github.com/Refinitiv/refinitiv-ui/issues/983)) ([606660d](https://github.com/Refinitiv/refinitiv-ui/commit/606660db06a265fe63a2dcf5e82ec1ec2e2c8ab5))
+
 ## [7.6.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.6.1...@refinitiv-ui/elements@7.6.2) (2023-10-09)
 
 ### Bug Fixes

package/lib/accordion/custom-elements.json

@@ -37,11 +37,11 @@
       "slots": [
         {
           "name": "header-left",
-          "description": "Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox"
+          "description": "Slot to add custom contents to the left side of header"
         },
         {
           "name": "header-right",
-          "description": "Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox"
+          "description": "Slot to add custom contents to the right side of header"
         }
       ]
     }

package/lib/accordion/custom-elements.md

@@ -14,5 +14,5 @@ Only one item will be able to expand by default but you can customize its behavi
 
 | Name           | Description                                      |
 |----------------|--------------------------------------------------|
-| `header-left`  | Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox |
-| `header-right` | Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox |
+| `header-left`  | Slot to add custom contents to the left side of header |
+| `header-right` | Slot to add custom contents to the right side of header |

package/lib/accordion/index.d.ts

@@ -5,8 +5,8 @@ import { Collapse } from '../collapse/index.js';
  * Used to display a group of `Collapse` control.
  * Only one item will be able to expand by default but you can customize its behavior.
  *
- * @slot header-left - Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox
- * @slot header-right - Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox
+ * @slot header-left - Slot to add custom contents to the left side of header
+ * @slot header-right - Slot to add custom contents to the right side of header
  *
  */
 export declare class Accordion extends Collapse {

package/lib/accordion/index.js

@@ -25,8 +25,8 @@ const isDirectAccordionChild = (element, accordion) => {
  * Used to display a group of `Collapse` control.
  * Only one item will be able to expand by default but you can customize its behavior.
  *
- * @slot header-left - Slot to add custom contents to the left side of header e.g. ef-icon, ef-checkbox
- * @slot header-right - Slot to add custom contents to the right side of header e.g. ef-icon, ef-checkbox
+ * @slot header-left - Slot to add custom contents to the left side of header
+ * @slot header-right - Slot to add custom contents to the right side of header
  *
  */
 let Accordion = class Accordion extends Collapse {

package/lib/appstate-bar/custom-elements.json

@@ -13,7 +13,7 @@
         },
         {
           "name": "state",
-          "description": "(optional) Type of state bar. Supported value are `info`, `highlight`.",
+          "description": "Type of state bar.",
           "type": "\"info\" | \"highlight\" | null"
         }
       ],
@@ -28,7 +28,7 @@
         {
           "name": "state",
           "attribute": "state",
-          "description": "(optional) Type of state bar. Supported value are `info`, `highlight`.",
+          "description": "Type of state bar.",
           "type": "\"info\" | \"highlight\" | null"
         }
       ],

package/lib/appstate-bar/custom-elements.md

@@ -4,10 +4,10 @@ Used to display at the top of application to provide a status or information.
 
 ## Properties
 
-| Property  | Attribute | Type                            | Default | Description                                      |
-|-----------|-----------|---------------------------------|---------|--------------------------------------------------|
-| `heading` | `heading` | `string`                        | ""      | Text to display in heading section.              |
-| `state`   | `state`   | `"info" \| "highlight" \| null` | null    | (optional) Type of state bar. Supported value are `info`, `highlight`. |
+| Property  | Attribute | Type                            | Default | Description                         |
+|-----------|-----------|---------------------------------|---------|-------------------------------------|
+| `heading` | `heading` | `string`                        | ""      | Text to display in heading section. |
+| `state`   | `state`   | `"info" \| "highlight" \| null` | null    | Type of state bar.                  |
 
 ## Events
 

package/lib/appstate-bar/index.d.ts

@@ -28,7 +28,7 @@ export declare class AppstateBar extends BasicElement {
      */
     heading: string;
     /**
-     * (optional) Type of state bar. Supported value are `info`, `highlight`.
+     * Type of state bar.
      */
     state: 'info' | 'highlight' | null;
     /**

package/lib/appstate-bar/index.js

@@ -20,7 +20,7 @@ let AppstateBar = class AppstateBar extends BasicElement {
          */
         this.heading = '';
         /**
-         * (optional) Type of state bar. Supported value are `info`, `highlight`.
+         * Type of state bar.
          */
         this.state = null;
         /**

package/lib/autosuggest/custom-elements.json

@@ -7,7 +7,8 @@
       "attributes": [
         {
           "name": "attach",
-          "description": "An HTML Element or CSS selector"
+          "description": "Target element to be attached with Autosuggest",
+          "type": "AutosuggestTargetElement | string | null"
         },
         {
           "name": "request-on-focus",
@@ -23,9 +24,9 @@
         },
         {
           "name": "more-search-text",
-          "description": "Custom text for More Search",
+          "description": "Custom text for 'More results', you can use {0} to represent current query.\nFor example, 'More results for {0}'",
           "type": "string",
-          "default": "\"More results for {0}\""
+          "default": "\"\""
         },
         {
           "name": "loading",
@@ -61,7 +62,8 @@
         {
           "name": "attach",
           "attribute": "attach",
-          "description": "An HTML Element or CSS selector"
+          "description": "Target element to be attached with Autosuggest",
+          "type": "AutosuggestTargetElement | string | null"
         },
         {
           "name": "requestOnFocus",
@@ -80,9 +82,9 @@
         {
           "name": "moreSearchText",
           "attribute": "more-search-text",
-          "description": "Custom text for More Search",
+          "description": "Custom text for 'More results', you can use {0} to represent current query.\nFor example, 'More results for {0}'",
           "type": "string",
-          "default": "\"More results for {0}\""
+          "default": "\"\""
         },
         {
           "name": "loading",
@@ -93,7 +95,8 @@
         },
         {
           "name": "query",
-          "description": "An object that represents a query from attach target"
+          "description": "An object that represents a query from attach target",
+          "type": "AutosuggestQuery | null"
         },
         {
           "name": "debounceRate",
@@ -105,17 +108,19 @@
         {
           "name": "renderer",
           "description": "A renderer applied to suggestion.\nBy default a render maps data to item attributes",
+          "type": "AutosuggestRenderer",
           "default": "\"renderer\""
         },
         {
           "name": "highlightable",
           "description": "A function that is applied to every suggestion during the render process\nto say whether the item can be highlighted and selected. Only items that return true are considered.\nBy default the function checks for `item` `highlightable` property.",
+          "type": "AutosuggestHighlightable",
           "default": "\"itemHighlightable\""
         },
         {
           "name": "suggestions",
           "description": "A list of suggestion items",
-          "type": "object",
+          "type": "AutosuggestItem[]",
           "default": "[]"
         },
         {
@@ -160,7 +165,7 @@
         },
         {
           "name": "suggestions-query",
-          "description": "Fired when the user changes value in input control and you might need to update suggestion items accordingly."
+          "description": "Fired when the user changes value in input control and you might need to update suggestion items accordingly. The event is not triggered if `query` property is changed programmatically."
         },
         {
           "name": "suggestions-changed",

package/lib/autosuggest/custom-elements.md

@@ -8,20 +8,20 @@ custom rendering, pagination, asynchronous data request, etc.
 
 ## Properties
 
-| Property         | Attribute          | Type      | Default                | Description                                      |
-|------------------|--------------------|-----------|------------------------|--------------------------------------------------|
-| `attach`         | `attach`           |           | null                   | An HTML Element or CSS selector                  |
-| `debounceRate`   | `debounce-rate`    | `number`  | "100"                  | Debounce rate in ms of the filter as a number.<br />Used to throttle the filter rate so as not to trigger unneeded filtering |
-| `highlightable`  |                    |           | "itemHighlightable"    | A function that is applied to every suggestion during the render process<br />to say whether the item can be highlighted and selected. Only items that return true are considered.<br />By default the function checks for `item` `highlightable` property. |
-| `htmlRenderer`   | `html-renderer`    | `boolean` | false                  | If set to true, the render function is not called. Instead the wrapper element<br />should populate and destroy suggestion elements. Rendering items manually<br />may have performance benefits in frameworks that use virtual DOM (such as `Vue`, `React`, `hyperHTML` and others) |
-| `loading`        | `loading`          | `boolean` | false                  | If set to true show loading mask                 |
-| `moreResults`    | `more-results`     | `boolean` | false                  | If set to true display 'Has more results' item   |
-| `moreSearchText` | `more-search-text` | `string`  | "More results for {0}" | Custom text for More Search                      |
-| `opened`         | `opened`           | `boolean` | false                  | Auto suggest popup's open state                  |
-| `query`          |                    |           | null                   | An object that represents a query from attach target |
-| `renderer`       |                    |           | "renderer"             | A renderer applied to suggestion.<br />By default a render maps data to item attributes |
-| `requestOnFocus` | `request-on-focus` | `boolean` | false                  | Request suggestions when attach target is focused |
-| `suggestions`    |                    | `object`  | []                     | A list of suggestion items                       |
+| Property         | Attribute          | Type                                         | Default             | Description                                      |
+|------------------|--------------------|----------------------------------------------|---------------------|--------------------------------------------------|
+| `attach`         | `attach`           | `AutosuggestTargetElement \| string \| null` | null                | Target element to be attached with Autosuggest   |
+| `debounceRate`   | `debounce-rate`    | `number`                                     | "100"               | Debounce rate in ms of the filter as a number.<br />Used to throttle the filter rate so as not to trigger unneeded filtering |
+| `highlightable`  |                    | `AutosuggestHighlightable`                   | "itemHighlightable" | A function that is applied to every suggestion during the render process<br />to say whether the item can be highlighted and selected. Only items that return true are considered.<br />By default the function checks for `item` `highlightable` property. |
+| `htmlRenderer`   | `html-renderer`    | `boolean`                                    | false               | If set to true, the render function is not called. Instead the wrapper element<br />should populate and destroy suggestion elements. Rendering items manually<br />may have performance benefits in frameworks that use virtual DOM (such as `Vue`, `React`, `hyperHTML` and others) |
+| `loading`        | `loading`          | `boolean`                                    | false               | If set to true show loading mask                 |
+| `moreResults`    | `more-results`     | `boolean`                                    | false               | If set to true display 'Has more results' item   |
+| `moreSearchText` | `more-search-text` | `string`                                     | ""                  | Custom text for 'More results', you can use {0} to represent current query.<br />For example, 'More results for {0}' |
+| `opened`         | `opened`           | `boolean`                                    | false               | Auto suggest popup's open state                  |
+| `query`          |                    | `AutosuggestQuery \| null`                   | null                | An object that represents a query from attach target |
+| `renderer`       |                    | `AutosuggestRenderer`                        | "renderer"          | A renderer applied to suggestion.<br />By default a render maps data to item attributes |
+| `requestOnFocus` | `request-on-focus` | `boolean`                                    | false               | Request suggestions when attach target is focused |
+| `suggestions`    |                    | `AutosuggestItem[]`                          | []                  | A list of suggestion items                       |
 
 ## Methods
 
@@ -44,7 +44,7 @@ custom rendering, pagination, asynchronous data request, etc.
 | `suggestions-changed`         | Fired when suggestion items changed.             |
 | `suggestions-clear-requested` | Fired when autosuggest requests to clear the data. If used in reactive application, prevent default and set suggestions to []. |
 | `suggestions-fetch-requested` | Fired when autosuggest requests the data. The event will be triggered when the value of the attached control has changed or when keyboard navigation is performed. |
-| `suggestions-query`           | Fired when the user changes value in input control and you might need to update suggestion items accordingly. |
+| `suggestions-query`           | Fired when the user changes value in input control and you might need to update suggestion items accordingly. The event is not triggered if `query` property is changed programmatically. |
 
 ## Slots
 

package/lib/autosuggest/index.d.ts

@@ -6,9 +6,9 @@ import '../item/index.js';
 import '../loader/index.js';
 import { Overlay } from '../overlay/index.js';
 import { renderer } from './helpers/renderer.js';
-import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js';
 import type { AutosuggestHighlightItemEvent, AutosuggestHighlightable, AutosuggestItem, AutosuggestMethodType, AutosuggestQuery, AutosuggestReason, AutosuggestRenderer, AutosuggestSelectItemEvent, AutosuggestTargetElement } from './helpers/types';
 import type { AddAttachTargetEventsEvent, ItemHighlightEvent, ItemSelectEvent, RemoveAttachTargetEventsEvent, SuggestionsChangedEvent, SuggestionsClearRequestedEvent, SuggestionsFetchRequestedEvent, SuggestionsQueryEvent } from './helpers/types';
+import { escapeRegExp, itemHighlightable, queryWordSelect } from './helpers/utils.js';
 export type { AutosuggestTargetElement, AutosuggestHighlightable, AutosuggestMethodType, AutosuggestQuery, AutosuggestRenderer, AutosuggestReason, AutosuggestItem, ItemHighlightEvent, AddAttachTargetEventsEvent, RemoveAttachTargetEventsEvent, ItemSelectEvent, SuggestionsFetchRequestedEvent, SuggestionsClearRequestedEvent, SuggestionsQueryEvent, SuggestionsChangedEvent };
 export { updateElementContent } from './helpers/utils.js';
 export { itemHighlightable, escapeRegExp, queryWordSelect, renderer, renderer as itemRenderer };
@@ -25,7 +25,7 @@ export { itemHighlightable, escapeRegExp, queryWordSelect, renderer, renderer as
  * @fires item-select - Fired when the user selects an item on autosuggest.
  * @fires suggestions-fetch-requested - Fired when autosuggest requests the data. The event will be triggered when the value of the attached control has changed or when keyboard navigation is performed.
  * @fires suggestions-clear-requested - Fired when autosuggest requests to clear the data. If used in reactive application, prevent default and set suggestions to [].
- * @fires suggestions-query - Fired when the user changes value in input control and you might need to update suggestion items accordingly.
+ * @fires suggestions-query - Fired when the user changes value in input control and you might need to update suggestion items accordingly. The event is not triggered if `query` property is changed programmatically.
  * @fires suggestions-changed - Fired when suggestion items changed.
  *
  * @attr {boolean} opened - Set to open auto suggest popup
@@ -78,7 +78,8 @@ export declare class Autosuggest extends Overlay {
     static ItemHighlightable(suggestion: AutosuggestItem, target: HTMLElement): boolean;
     static readonly defaultDebounceRate = 100;
     /**
-     * An HTML Element or CSS selector
+     * Target element to be attached with Autosuggest
+     * @type {AutosuggestTargetElement | string | null}
      */
     attach: AutosuggestTargetElement | string | null;
     /**
@@ -90,8 +91,8 @@ export declare class Autosuggest extends Overlay {
      */
     moreResults: boolean;
     /**
-     * Custom text for More Search
-     * @default More results for {0}
+     * Custom text for 'More results', you can use {0} to represent current query.
+     * For example, 'More results for {0}'
      */
     moreSearchText: string;
     /**
@@ -100,6 +101,7 @@ export declare class Autosuggest extends Overlay {
     loading: boolean;
     /**
      * An object that represents a query from attach target
+     * @type {AutosuggestQuery | null}
      */
     query: AutosuggestQuery | null;
     /**
@@ -111,16 +113,19 @@ export declare class Autosuggest extends Overlay {
     /**
      * A renderer applied to suggestion.
      * By default a render maps data to item attributes
+     * @type {AutosuggestRenderer}
      */
     renderer: AutosuggestRenderer;
     /**
      * A function that is applied to every suggestion during the render process
      * to say whether the item can be highlighted and selected. Only items that return true are considered.
      * By default the function checks for `item` `highlightable` property.
+     * @type {AutosuggestHighlightable}
      */
     highlightable: AutosuggestHighlightable;
     /**
      * A list of suggestion items
+     * @type {AutosuggestItem[]}
      */
     suggestions: AutosuggestItem[];
     /**

package/lib/autosuggest/index.js

@@ -32,7 +32,7 @@ export { itemHighlightable, escapeRegExp, queryWordSelect, renderer, renderer as
  * @fires item-select - Fired when the user selects an item on autosuggest.
  * @fires suggestions-fetch-requested - Fired when autosuggest requests the data. The event will be triggered when the value of the attached control has changed or when keyboard navigation is performed.
  * @fires suggestions-clear-requested - Fired when autosuggest requests to clear the data. If used in reactive application, prevent default and set suggestions to [].
- * @fires suggestions-query - Fired when the user changes value in input control and you might need to update suggestion items accordingly.
+ * @fires suggestions-query - Fired when the user changes value in input control and you might need to update suggestion items accordingly. The event is not triggered if `query` property is changed programmatically.
  * @fires suggestions-changed - Fired when suggestion items changed.
  *
  * @attr {boolean} opened - Set to open auto suggest popup
@@ -120,7 +120,8 @@ let Autosuggest = Autosuggest_1 = class Autosuggest extends Overlay {
         super();
         this.defaultRole = 'listbox';
         /**
-         * An HTML Element or CSS selector
+         * Target element to be attached with Autosuggest
+         * @type {AutosuggestTargetElement | string | null}
          */
         this.attach = null;
         /**
@@ -132,8 +133,8 @@ let Autosuggest = Autosuggest_1 = class Autosuggest extends Overlay {
          */
         this.moreResults = false;
         /**
-         * Custom text for More Search
-         * @default More results for {0}
+         * Custom text for 'More results', you can use {0} to represent current query.
+         * For example, 'More results for {0}'
          */
         this.moreSearchText = '';
         /**
@@ -142,6 +143,7 @@ let Autosuggest = Autosuggest_1 = class Autosuggest extends Overlay {
         this.loading = false;
         /**
          * An object that represents a query from attach target
+         * @type {AutosuggestQuery | null}
          */
         this.query = null;
         /**
@@ -153,16 +155,19 @@ let Autosuggest = Autosuggest_1 = class Autosuggest extends Overlay {
         /**
          * A renderer applied to suggestion.
          * By default a render maps data to item attributes
+         * @type {AutosuggestRenderer}
          */
         this.renderer = renderer;
         /**
          * A function that is applied to every suggestion during the render process
          * to say whether the item can be highlighted and selected. Only items that return true are considered.
          * By default the function checks for `item` `highlightable` property.
+         * @type {AutosuggestHighlightable}
          */
         this.highlightable = itemHighlightable;
         /**
          * A list of suggestion items
+         * @type {AutosuggestItem[]}
          */
         this.suggestions = [];
         /**

package/lib/button/custom-elements.json

@@ -7,7 +7,7 @@
       "attributes": [
         {
           "name": "textpos",
-          "description": "Customises text alignment when specified alongside `icon` property\nValue can be `before` or `after`",
+          "description": "Customises text alignment when specified alongside `icon` property",
           "type": "\"before\" | \"after\"",
           "default": "\"after\""
         },
@@ -29,7 +29,7 @@
         },
         {
           "name": "cta",
-          "description": "Set state to call-to-action",
+          "description": "Set call-to-action state",
           "type": "boolean",
           "default": "false"
         },
@@ -47,7 +47,7 @@
         },
         {
           "name": "disabled",
-          "description": "Set state to disabled",
+          "description": "Set disabled state",
           "type": "boolean",
           "default": "false"
         }
@@ -56,7 +56,7 @@
         {
           "name": "textpos",
           "attribute": "textpos",
-          "description": "Customises text alignment when specified alongside `icon` property\nValue can be `before` or `after`",
+          "description": "Customises text alignment when specified alongside `icon` property",
           "type": "\"before\" | \"after\"",
           "default": "\"after\""
         },
@@ -82,7 +82,7 @@
         {
           "name": "cta",
           "attribute": "cta",
-          "description": "Set state to call-to-action",
+          "description": "Set call-to-action state",
           "type": "boolean",
           "default": "false"
         },
@@ -103,7 +103,7 @@
         {
           "name": "disabled",
           "attribute": "disabled",
-          "description": "Set state to disabled",
+          "description": "Set disabled state",
           "type": "boolean",
           "default": "false"
         }

package/lib/button/custom-elements.md

@@ -8,11 +8,11 @@ and more with support for different states and styles.
 | Property      | Attribute     | Type                  | Default | Description                                      |
 |---------------|---------------|-----------------------|---------|--------------------------------------------------|
 | `active`      | `active`      | `boolean`             | false   | An active or inactive state, can only be used with toggles property/attribute |
-| `cta`         | `cta`         | `boolean`             | false   | Set state to call-to-action                      |
-| `disabled`    | `disabled`    | `boolean`             | false   | Set state to disabled                            |
+| `cta`         | `cta`         | `boolean`             | false   | Set call-to-action state                         |
+| `disabled`    | `disabled`    | `boolean`             | false   | Set disabled state                               |
 | `hoverIcon`   | `hover-icon`  | `string \| null`      | null    | Specify icon to display when hovering. Value can be icon name |
 | `icon`        | `icon`        | `string \| null`      | null    | Specify icon to display in button. Value can be icon name |
-| `textpos`     | `textpos`     | `"before" \| "after"` | "after" | Customises text alignment when specified alongside `icon` property<br />Value can be `before` or `after` |
+| `textpos`     | `textpos`     | `"before" \| "after"` | "after" | Customises text alignment when specified alongside `icon` property |
 | `toggles`     | `toggles`     | `boolean`             | false   | Enable or disable ability to be toggled          |
 | `transparent` | `transparent` | `boolean`             | false   | Removes background when specified alongside `icon` property |
 

package/lib/button/index.d.ts

@@ -4,8 +4,8 @@ import '../icon/index.js';
 /**
  * Use button for actions in forms, dialogs,
  * and more with support for different states and styles.
- * @attr {boolean} disabled - Set state to disabled
- * @prop {boolean} [disabled=false] - Set state to disabled
+ * @attr {boolean} disabled - Set disabled state
+ * @prop {boolean} [disabled=false] - Set disabled state
  * @fires active-changed - Fired when `active` property changed by user taps on toggled button. It will not be triggered if `active` state is changed programmatically.
  */
 export declare class Button extends ControlElement {
@@ -17,7 +17,6 @@ export declare class Button extends ControlElement {
     protected readonly defaultRole = "button";
     /**
      * Customises text alignment when specified alongside `icon` property
-     * Value can be `before` or `after`
      */
     textpos: 'before' | 'after';
     /**
@@ -33,7 +32,7 @@ export declare class Button extends ControlElement {
      */
     hoverIcon: string | null;
     /**
-     * Set state to call-to-action
+     * Set call-to-action state
      */
     cta: boolean;
     /**

package/lib/button/index.js

@@ -10,8 +10,8 @@ import { VERSION } from '../version.js';
 /**
  * Use button for actions in forms, dialogs,
  * and more with support for different states and styles.
- * @attr {boolean} disabled - Set state to disabled
- * @prop {boolean} [disabled=false] - Set state to disabled
+ * @attr {boolean} disabled - Set disabled state
+ * @prop {boolean} [disabled=false] - Set disabled state
  * @fires active-changed - Fired when `active` property changed by user taps on toggled button. It will not be triggered if `active` state is changed programmatically.
  */
 let Button = class Button extends ControlElement {
@@ -20,7 +20,6 @@ let Button = class Button extends ControlElement {
         this.defaultRole = 'button';
         /**
          * Customises text alignment when specified alongside `icon` property
-         * Value can be `before` or `after`
          */
         this.textpos = 'after';
         /**
@@ -36,7 +35,7 @@ let Button = class Button extends ControlElement {
          */
         this.hoverIcon = null;
         /**
-         * Set state to call-to-action
+         * Set call-to-action state
          */
         this.cta = false;
         /**

package/lib/chart/custom-elements.json

@@ -4,13 +4,6 @@
     {
       "name": "ef-chart",
       "description": "Charting component that uses ChartJS library",
-      "attributes": [
-        {
-          "name": "config",
-          "description": "Chart configurations. Same configuration as ChartJS",
-          "type": "ChartConfiguration | null"
-        }
-      ],
       "properties": [
         {
           "name": "chart",
@@ -19,13 +12,12 @@
         },
         {
           "name": "config",
-          "attribute": "config",
           "description": "Chart configurations. Same configuration as ChartJS",
           "type": "ChartConfiguration | null"
         },
         {
           "name": "colors (readonly)",
-          "description": "List of available chart colors",
+          "description": "List of available colors for chart styling",
           "type": "string[]"
         }
       ],

package/lib/chart/custom-elements.md

@@ -4,14 +4,14 @@ Charting component that uses ChartJS library
 
 ## Properties
 
-| Property            | Attribute | Type                         | Default | Description                                      |
-|---------------------|-----------|------------------------------|---------|--------------------------------------------------|
-| `chart`             |           | `ChartJS \| null`            | null    | Chart.js object                                  |
-| `colors (readonly)` |           | `string[]`                   |         | List of available chart colors                   |
-| `config`            | `config`  | `ChartConfiguration \| null` | null    | Chart configurations. Same configuration as ChartJS |
+| Property            | Type                         | Default | Description                                      |
+|---------------------|------------------------------|---------|--------------------------------------------------|
+| `chart`             | `ChartJS \| null`            | null    | Chart.js object                                  |
+| `colors (readonly)` | `string[]`                   |         | List of available colors for chart styling       |
+| `config`            | `ChartConfiguration \| null` | null    | Chart configurations. Same configuration as ChartJS |
 
 ## Methods
 
-| Method        | Type                       | Description                                      |
-|---------------|----------------------------|--------------------------------------------------|
-| `updateChart` | `(updateMode?: any): void` | Update all data, title, scales, legends and re-render the chart based on its config<br /><br />**updateMode**: Additional configuration for control an animation in the update process. |
+| Method        | Type                              | Description                                      |
+|---------------|-----------------------------------|--------------------------------------------------|
+| `updateChart` | `(updateMode?: UpdateMode): void` | Update all data, title, scales, legends and re-render the chart based on its config<br /><br />**updateMode**: Additional configuration for control an animation in the update process. |

package/lib/chart/elements/chart.d.ts

@@ -1,11 +1,11 @@
 import { JSXInterface } from '../../jsx';
 import { Chart as ChartJS } from 'chart.js';
+import type { ChartConfiguration, ChartDataset, ChartOptions, ChartType, LegendItem, UpdateMode } from 'chart.js';
 import 'chartjs-adapter-date-fns';
 import { BasicElement, CSSResultGroup, PropertyValues, TemplateResult, nothing } from '@refinitiv-ui/core';
 import { Ref } from '@refinitiv-ui/core/directives/ref.js';
 import '../../header/index.js';
 import { DatasetColors } from '../helpers/index.js';
-import type { ChartConfiguration, ChartDataset, ChartOptions, ChartType, LegendItem, UpdateMode } from 'chart.js';
 declare module 'chart.js' {
     interface PluginOptionsByType<TType extends ChartType = ChartType> {
         'ef-chart': object;
@@ -47,9 +47,9 @@ export declare class Chart extends BasicElement {
      */
     protected get requiredConfig(): ChartOptions;
     /**
-     * List of available chart colors
+     * List of available colors for chart styling
      * @type {string[]}
-     * @returns {string[]}List of available chart colors
+     * @returns {string[]} List of available colors for chart styling
      */
     get colors(): string[];
     /**
@@ -157,7 +157,7 @@ export declare class Chart extends BasicElement {
     protected destroyChart(): boolean;
     /**
      * Update all data, title, scales, legends and re-render the chart based on its config
-     * @param updateMode Additional configuration for control an animation in the update process.
+     * @param {UpdateMode} updateMode  Additional configuration for control an animation in the update process.
      * @returns {void}
      */
     updateChart(updateMode?: UpdateMode): void;