@limetech/lime-elements 37.72.3 → 37.74.0

package/dist/lime-elements/p-f3a613a3.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["shortcutCss","Shortcut","this","renderLabel","label","h","getAriaLabel","_a","link","title","_b","undefined","renderNotification","badge","render","disabled","href","target","tabindex","_c","name","icon"],"sources":["./src/components/shortcut/shortcut.scss?tag=limel-shortcut&encapsulation=shadow","./src/components/shortcut/shortcut.tsx"],"sourcesContent":["/**\n* @prop --shortcut-border-radius: defines the radius of corners of the shortcut. Defaults to `1rem`\n* @prop --shortcut-icon-color: defines the fill color of the shortcut icon. Defaults to `--contrast-1000`\n* @prop --shortcut-label-color: defines the color of the shortcut label. Defaults to `--contrast-1100`\n* @prop --shortcut-background-color: defines the backgrounds color of the shortcut icon. Defaults to `--lime-elevated-surface-background-color`\n* @prop --shortcut-badge-text-color: Text color of the notification badge. Defaults to `--color-white`\n* @prop --shortcut-badge-background-color: Background color of the notification badge. Defaults to `--color-red-default`\n*/\n\n@use '../../style/mixins';\n\n:host(limel-shortcut) {\n    --badge-text-color: var(\n        --shortcut-badge-text-color,\n        rgb(var(--color-white))\n    );\n    --badge-background-color: var(\n        --shortcut-badge-background-color,\n        rgb(var(--color-red-default))\n    );\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    row-gap: 0.0625rem; //1px\n\n    * {\n        box-sizing: border-box;\n    }\n}\n\n:host(limel-shortcut[disabled]) {\n    a {\n        opacity: 0.5;\n        box-shadow: unset;\n        cursor: not-allowed;\n    }\n}\n\na {\n    all: unset;\n    @include mixins.is-elevated-clickable(\n        $background-color:\n            var(\n                --shortcut-background-color,\n                var(--lime-elevated-surface-background-color)\n            ),\n        $background-color--hovered:\n            var(\n                --shortcut-background-color,\n                var(--lime-elevated-surface-background-color)\n            )\n    );\n    @include mixins.visualize-keyboard-focus;\n    text-align: center;\n\n    height: calc(100% - 1rem);\n    width: calc(100% - 1rem);\n    padding: 0.5rem;\n\n    border-radius: var(--shortcut-border-radius, 1rem);\n}\n\nlimel-icon {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    justify-content: center;\n    color: var(--shortcut-icon-color, rgb(var(--contrast-1000)));\n    border-radius: var(--shortcut-border-radius, 1rem);\n}\n\nspan {\n    @include mixins.truncate-text;\n    width: 100%;\n    color: var(--shortcut-label-color, rgb(var(--contrast-1100)));\n    font-size: 0.75rem;\n    text-align: center;\n}\n\nlimel-badge {\n    position: absolute;\n    top: -0.25rem;\n    right: 0.125rem;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { Link } from '../../global/shared-types/link.types';\n\n/**\n * This component can be used on places such as a start page or a dashboard.\n * Clicking on the component should navigate the user to a new screen,\n * to which you need to provide a URL, by specifying an `href` for the `link` property.\n *\n * By default, this navigation will happen within the same browser tab.\n * However, it is possible to override that behavior, by specifying a `target`\n * for the `link` property\n *\n * @exampleComponent limel-example-shortcut\n * @exampleComponent limel-example-shortcut-notification\n * @exampleComponent limel-example-shortcut-styling\n * @exampleComponent limel-example-shortcut-with-click-handler\n */\n\n@Component({\n    tag: 'limel-shortcut',\n    shadow: true,\n    styleUrl: 'shortcut.scss',\n})\nexport class Shortcut {\n    /**\n     * Name of icon for the shortcut.\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    /**\n     * The text to show below the shortcut. Long label will be truncated.\n     */\n    @Prop({ reflect: true })\n    public label?: string = null;\n\n    /**\n     * Set to `true` if shortcut is disabled.\n     */\n    @Prop({ reflect: true })\n    public disabled?: boolean = false;\n\n    /**\n     * If specified, will display a notification badge\n     * on the shortcut.\n     */\n    @Prop({ reflect: true })\n    public badge?: number | string;\n\n    /**\n     * If supplied, the shortcut will be a clickable link.\n     */\n    @Prop()\n    public link?: Link;\n\n    public render() {\n        return [\n            <a\n                aria-disabled={this.disabled}\n                href={this.link?.href}\n                target={this.link?.target}\n                tabindex=\"0\"\n                aria-label={this.getAriaLabel()}\n                title={this.link?.title}\n            >\n                <limel-icon name={this.icon} />\n            </a>,\n            this.renderLabel(),\n            this.renderNotification(),\n        ];\n    }\n\n    private renderLabel = () => {\n        if (this.label) {\n            return <span aria-hidden=\"true\">{this.label}</span>;\n        }\n    };\n\n    private getAriaLabel = () => {\n        if (this.label && this.link?.title) {\n            return this.label + '. ' + this.link.title;\n        }\n\n        if (this.label) {\n            return this.label;\n        }\n\n        if (this.link?.title) {\n            return this.link.title;\n        }\n\n        return undefined;\n    };\n\n    private renderNotification = () => {\n        if (this.badge) {\n            return <limel-badge label={this.badge} />;\n        }\n    };\n}\n"],"mappings":"sCAAA,MAAMA,EAAc,8rE,MCuBPC,EAAQ,M,yBAiDTC,KAAAC,YAAc,KAClB,GAAID,KAAKE,MAAO,CACZ,OAAOC,EAAA,sBAAkB,QAAQH,KAAKE,M,GAItCF,KAAAI,aAAe,K,QACnB,GAAIJ,KAAKE,SAASG,EAAAL,KAAKM,QAAI,MAAAD,SAAA,SAAAA,EAAEE,OAAO,CAChC,OAAOP,KAAKE,MAAQ,KAAOF,KAAKM,KAAKC,K,CAGzC,GAAIP,KAAKE,MAAO,CACZ,OAAOF,KAAKE,K,CAGhB,IAAIM,EAAAR,KAAKM,QAAI,MAAAE,SAAA,SAAAA,EAAED,MAAO,CAClB,OAAOP,KAAKM,KAAKC,K,CAGrB,OAAOE,SAAS,EAGZT,KAAAU,mBAAqB,KACzB,GAAIV,KAAKW,MAAO,CACZ,OAAOR,EAAA,eAAaD,MAAOF,KAAKW,O,kCA9DhB,K,cAMI,M,yCAerBC,S,UACH,MAAO,CACHT,EAAA,qBACmBH,KAAKa,SACpBC,MAAMT,EAAAL,KAAKM,QAAI,MAAAD,SAAA,SAAAA,EAAES,KACjBC,QAAQP,EAAAR,KAAKM,QAAI,MAAAE,SAAA,SAAAA,EAAEO,OACnBC,SAAS,IAAG,aACAhB,KAAKI,eACjBG,OAAOU,EAAAjB,KAAKM,QAAI,MAAAW,SAAA,SAAAA,EAAEV,OAElBJ,EAAA,cAAYe,KAAMlB,KAAKmB,QAE3BnB,KAAKC,cACLD,KAAKU,qB"}
+{"version":3,"names":["shortcutCss","Shortcut","this","renderLabel","label","h","getAriaLabel","_a","link","title","_b","undefined","renderNotification","badge","render","disabled","href","target","tabindex","_c","name","icon"],"sources":["./src/components/shortcut/shortcut.scss?tag=limel-shortcut&encapsulation=shadow","./src/components/shortcut/shortcut.tsx"],"sourcesContent":["/**\n* @prop --shortcut-border-radius: defines the radius of corners of the shortcut. Defaults to `1rem`\n* @prop --shortcut-icon-color: defines the fill color of the shortcut icon. Defaults to `--contrast-1000`\n* @prop --shortcut-label-color: defines the color of the shortcut label. Defaults to `--contrast-1100`\n* @prop --shortcut-background-color: defines the backgrounds color of the shortcut icon. Defaults to `--lime-elevated-surface-background-color`\n* @prop --shortcut-badge-text-color: Text color of the notification badge. Defaults to `--color-white`\n* @prop --shortcut-badge-background-color: Background color of the notification badge. Defaults to `--color-red-default`\n*/\n\n@use '../../style/mixins';\n\n:host(limel-shortcut) {\n    --badge-text-color: var(\n        --shortcut-badge-text-color,\n        rgb(var(--color-white))\n    );\n    --badge-background-color: var(\n        --shortcut-badge-background-color,\n        rgb(var(--color-red-default))\n    );\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    row-gap: 0.0625rem; //1px\n\n    * {\n        box-sizing: border-box;\n    }\n}\n\n:host(limel-shortcut[disabled]) {\n    a {\n        opacity: 0.5;\n        box-shadow: unset;\n        cursor: not-allowed;\n    }\n}\n\na {\n    all: unset;\n    @include mixins.is-elevated-clickable(\n        $background-color: var(\n                --shortcut-background-color,\n                var(--lime-elevated-surface-background-color)\n            ),\n        $background-color--hovered: var(\n                --shortcut-background-color,\n                var(--lime-elevated-surface-background-color)\n            )\n    );\n    @include mixins.visualize-keyboard-focus;\n    text-align: center;\n\n    height: calc(100% - 1rem);\n    width: calc(100% - 1rem);\n    padding: 0.5rem;\n\n    border-radius: var(--shortcut-border-radius, 1rem);\n}\n\nlimel-icon {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    justify-content: center;\n    color: var(--shortcut-icon-color, rgb(var(--contrast-1000)));\n    border-radius: var(--shortcut-border-radius, 1rem);\n}\n\nspan {\n    @include mixins.truncate-text;\n    width: 100%;\n    color: var(--shortcut-label-color, rgb(var(--contrast-1100)));\n    font-size: 0.75rem;\n    text-align: center;\n}\n\nlimel-badge {\n    position: absolute;\n    top: -0.25rem;\n    right: 0.125rem;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { Link } from '../../global/shared-types/link.types';\n\n/**\n * This component can be used on places such as a start page or a dashboard.\n * Clicking on the component should navigate the user to a new screen,\n * to which you need to provide a URL, by specifying an `href` for the `link` property.\n *\n * By default, this navigation will happen within the same browser tab.\n * However, it is possible to override that behavior, by specifying a `target`\n * for the `link` property\n *\n * @exampleComponent limel-example-shortcut\n * @exampleComponent limel-example-shortcut-notification\n * @exampleComponent limel-example-shortcut-styling\n * @exampleComponent limel-example-shortcut-with-click-handler\n */\n\n@Component({\n    tag: 'limel-shortcut',\n    shadow: true,\n    styleUrl: 'shortcut.scss',\n})\nexport class Shortcut {\n    /**\n     * Name of icon for the shortcut.\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    /**\n     * The text to show below the shortcut. Long label will be truncated.\n     */\n    @Prop({ reflect: true })\n    public label?: string = null;\n\n    /**\n     * Set to `true` if shortcut is disabled.\n     */\n    @Prop({ reflect: true })\n    public disabled?: boolean = false;\n\n    /**\n     * If specified, will display a notification badge\n     * on the shortcut.\n     */\n    @Prop({ reflect: true })\n    public badge?: number | string;\n\n    /**\n     * If supplied, the shortcut will be a clickable link.\n     */\n    @Prop()\n    public link?: Link;\n\n    public render() {\n        return [\n            <a\n                aria-disabled={this.disabled}\n                href={this.link?.href}\n                target={this.link?.target}\n                tabindex=\"0\"\n                aria-label={this.getAriaLabel()}\n                title={this.link?.title}\n            >\n                <limel-icon name={this.icon} />\n            </a>,\n            this.renderLabel(),\n            this.renderNotification(),\n        ];\n    }\n\n    private renderLabel = () => {\n        if (this.label) {\n            return <span aria-hidden=\"true\">{this.label}</span>;\n        }\n    };\n\n    private getAriaLabel = () => {\n        if (this.label && this.link?.title) {\n            return this.label + '. ' + this.link.title;\n        }\n\n        if (this.label) {\n            return this.label;\n        }\n\n        if (this.link?.title) {\n            return this.link.title;\n        }\n\n        return undefined;\n    };\n\n    private renderNotification = () => {\n        if (this.badge) {\n            return <limel-badge label={this.badge} />;\n        }\n    };\n}\n"],"mappings":"sCAAA,MAAMA,EAAc,8rE,MCuBPC,EAAQ,M,yBAiDTC,KAAAC,YAAc,KAClB,GAAID,KAAKE,MAAO,CACZ,OAAOC,EAAA,sBAAkB,QAAQH,KAAKE,M,GAItCF,KAAAI,aAAe,K,QACnB,GAAIJ,KAAKE,SAASG,EAAAL,KAAKM,QAAI,MAAAD,SAAA,SAAAA,EAAEE,OAAO,CAChC,OAAOP,KAAKE,MAAQ,KAAOF,KAAKM,KAAKC,K,CAGzC,GAAIP,KAAKE,MAAO,CACZ,OAAOF,KAAKE,K,CAGhB,IAAIM,EAAAR,KAAKM,QAAI,MAAAE,SAAA,SAAAA,EAAED,MAAO,CAClB,OAAOP,KAAKM,KAAKC,K,CAGrB,OAAOE,SAAS,EAGZT,KAAAU,mBAAqB,KACzB,GAAIV,KAAKW,MAAO,CACZ,OAAOR,EAAA,eAAaD,MAAOF,KAAKW,O,kCA9DhB,K,cAMI,M,yCAerBC,S,UACH,MAAO,CACHT,EAAA,qBACmBH,KAAKa,SACpBC,MAAMT,EAAAL,KAAKM,QAAI,MAAAD,SAAA,SAAAA,EAAES,KACjBC,QAAQP,EAAAR,KAAKM,QAAI,MAAAE,SAAA,SAAAA,EAAEO,OACnBC,SAAS,IAAG,aACAhB,KAAKI,eACjBG,OAAOU,EAAAjB,KAAKM,QAAI,MAAAW,SAAA,SAAAA,EAAEV,OAElBJ,EAAA,cAAYe,KAAMlB,KAAKmB,QAE3BnB,KAAKC,cACLD,KAAKU,qB"}

package/dist/lime-elements/style/internal/lime-theme.scss

@@ -38,7 +38,7 @@
     // $text-secondary-on-dark: rgba(255, 255, 255, 0.7),
     // $text-hint-on-dark: rgba(255, 255, 255, 0.5),
     // $text-disabled-on-dark: rgba(255, 255, 255, 0.5),
-    // $text-icon-on-dark: rgba(255, 255, 255, 0.5),
+     // $text-icon-on-dark: rgba(255, 255, 255, 0.5),
 );
 @forward '@material/theme';
 

package/dist/lime-elements/style/shadows.scss

@@ -45,7 +45,8 @@
     // Same as above, but when element is indicating error or warning
     --shadow-depth-8-error: var(--shadow-depth-8), var(--shadow-error-state);
     // Same as above, but light source is below the element, good for bottom bars, etc...
-    --shadow-depth-8-reversed: 0 -0.2rem 0.45rem 0 rgb(var(--color-black), 0.132),
+    --shadow-depth-8-reversed: 0 -0.2rem 0.45rem 0
+            rgb(var(--color-black), 0.132),
         0 -0.0375rem 0.1125rem 0 rgb(var(--color-black), 0.108);
 
     // Good for Teaching callouts, Search results dropdown, cards, Tooltips
@@ -64,19 +65,22 @@
     --shadow-depth-64-focused: var(--shadow-depth-64),
         var(--shadow-focused-state);
 
-    --shadow-inflated-8: -0.125rem -0.125rem 0.375rem rgb(var(--color-black), 0.01),
+    --shadow-inflated-8: -0.125rem -0.125rem 0.375rem
+            rgb(var(--color-black), 0.01),
         -0.25rem -0.25rem 0.625rem rgb(var(--color-white), 0.6),
         0.25rem 0.25rem 0.625rem rgb(var(--color-black), 0.05),
         0.0625rem 0.0625rem 0.625rem rgb(var(--color-white), 0.7),
         -1px -1px 0 1px rgb(var(--color-black), 0.07) inset,
         0 0 1px 1px rgb(var(--color-white), 0.98) inset;
-    --shadow-inflated-16: -0.1875rem -0.1875rem 0.375rem rgb(var(--color-black), 0.01),
+    --shadow-inflated-16: -0.1875rem -0.1875rem 0.375rem
+            rgb(var(--color-black), 0.01),
         -0.375rem -0.375rem 1rem rgb(var(--color-white), 0.8),
         0.375rem 0.375rem 1rem rgb(var(--color-black), 0.05),
         0.125rem 0.125rem 0.625rem rgb(var(--color-white), 0.7),
         -1px -1px 0 1px rgb(var(--color-black), 0.07) inset,
         0 0 1px 1px rgb(var(--color-white), 0.98) inset;
-    --shadow-inflated-64: -0.1875rem -0.1875rem 0.375rem rgb(var(--color-black), 0.01),
+    --shadow-inflated-64: -0.1875rem -0.1875rem 0.375rem
+            rgb(var(--color-black), 0.01),
         -0.625rem -0.625rem 1.875rem rgb(var(--color-white), 1),
         0.625rem 0.625rem 2.25rem rgb(var(--color-black), 0.06),
         0.125rem 0.125rem 0.625rem rgb(var(--color-white), 0.7),

package/dist/types/components/list/list.d.ts

@@ -61,6 +61,11 @@ export declare class List {
    * Fired when an action has been selected from the action menu of a list item
    */
   protected select: EventEmitter<ListItem | ListItem[]>;
+  /**
+   * Fires when a user interacts with an item in the list (e.g., click,
+   * keyboard select).
+   */
+  interact: EventEmitter<ListItem>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidLoad(): void;

package/dist/types/components/menu-list/menu-list.d.ts

@@ -2,6 +2,7 @@ import { IconSize } from '../icon/icon.types';
 import { ListSeparator } from '../list/list-item.types';
 import { MenuItem } from '../menu/menu.types';
 import { MenuListType } from '../menu-list/menu-list.types';
+import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @private
  */
@@ -39,6 +40,11 @@ export declare class MenuList {
    * Fired when a new value has been selected from the list.
    */
   private select;
+  /**
+   * Fires when a user interacts with an item in the list (e.g., click,
+   * keyboard select).
+   */
+  interact: EventEmitter<MenuItem>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidLoad(): void;

package/dist/types/components/text-editor/prosemirror-adapter/plugins/trigger/create-html-inserter.d.ts

@@ -0,0 +1,5 @@
+import { Node, Fragment } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { ContentTypeConverter } from '../../../utils/content-type-converter';
+export declare const createHtmlInserter: (view: EditorView, contentConverter: ContentTypeConverter, startPos: number, dispatchTransaction: (view: EditorView, startPos: number, fragment: Fragment | Node) => void) => (input: string) => Promise<void>;
+//# sourceMappingURL=create-html-inserter.d.ts.map

package/dist/types/components/text-editor/prosemirror-adapter/plugins/trigger/factory.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'prosemirror-state';
 import { TriggerCharacter } from 'src/components/text-editor/text-editor.types';
-export declare const createTriggerPlugin: (triggerCharacters: TriggerCharacter[]) => Plugin<{}>;
+import { ContentTypeConverter } from '../../../utils/content-type-converter';
+export declare const createTriggerPlugin: (triggerCharacters: TriggerCharacter[], contentConverter: ContentTypeConverter) => Plugin<{}>;
 //# sourceMappingURL=factory.d.ts.map

package/dist/types/components/text-editor/prosemirror-adapter/plugins/trigger/inserter.d.ts

@@ -1,4 +1,5 @@
 import { EditorView } from 'prosemirror-view';
 import { TextEditor } from 'src/components/text-editor/text-editor.types';
-export declare const inserterFactory: (view: EditorView) => TextEditor;
+import { ContentTypeConverter } from '../../../utils/content-type-converter';
+export declare const inserterFactory: (view: EditorView, contentConverter: ContentTypeConverter) => TextEditor;
 //# sourceMappingURL=inserter.d.ts.map

package/dist/types/components/text-editor/text-editor.types.d.ts

@@ -22,9 +22,12 @@ export type TextEditorNode = {
 export interface TextEditor {
   /**
    * Method to insert either text or a node at the cursor position
-   *
    */
   insert: (input: TextEditorNode | string) => void;
+  /**
+   * Method to insert an HTML string at the cursor position
+   */
+  insertHtml: (input: string) => Promise<void>;
   stopTrigger: () => void;
 }
 /**

package/dist/types/components.d.ts

@@ -6436,6 +6436,10 @@ declare namespace LocalJSX {
           * Fired when a new value has been selected from the list. Only fired if `type` is set to `selectable`, `radio` or `checkbox`.
          */
         "onChange"?: (event: LimelListCustomEvent<ListItem | ListItem[]>) => void;
+        /**
+          * Fires when a user interacts with an item in the list (e.g., click, keyboard select).
+         */
+        "onInteract"?: (event: LimelListCustomEvent<ListItem>) => void;
         /**
           * Fired when an action has been selected from the action menu of a list item
          */
@@ -6565,6 +6569,10 @@ declare namespace LocalJSX {
           * By default, lists will display 3 lines of text, and then truncate the rest. Consumers can increase or decrease this number by specifying `maxLinesSecondaryText`. If consumer enters zero or negative numbers we default to 1; and if they type decimals we round up.
          */
         "maxLinesSecondaryText"?: number;
+        /**
+          * Fires when a user interacts with an item in the list (e.g., click, keyboard select).
+         */
+        "onInteract"?: (event: LimelMenuListCustomEvent<MenuItem>) => void;
         /**
           * Fired when a new value has been selected from the list.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "37.72.3",
+  "version": "37.74.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -27,9 +27,9 @@
     "lint": "npm run lint:src && npm run lint:scss",
     "lint:fix": "npm run lint:src:fix && npm run lint:scss:fix",
     "lint:prod": "npm run lint:src:prod && npm run lint:scss:prod",
-    "lint:src": "eslint \"**/*.{ts,tsx,js}\" --max-warnings=655 && prettier -c \"{!(package*).json,.prettierrc}\"",
+    "lint:src": "eslint \"**/*.{ts,tsx,js}\" --max-warnings=99 && prettier -c \"{!(package*).json,.prettierrc}\"",
     "lint:src:fix": "eslint \"**/*.{ts,tsx,js}\" --fix && prettier --write \"{!(package*).json,.prettierrc}\"",
-    "lint:src:prod": "eslint \"**/*.{ts,tsx,js}\" --rule \"linebreak-style: [error, unix]\" --max-warnings=655 && prettier -c \"{!(package*).json,.prettierrc}\"",
+    "lint:src:prod": "eslint \"**/*.{ts,tsx,js}\" --rule \"linebreak-style: [error, unix]\" --max-warnings=99 && prettier -c \"{!(package*).json,.prettierrc}\"",
     "lint:scss": "prettier -c --ignore-path ./.gitignore **/*.scss",
     "lint:scss:fix": "prettier --write --ignore-path ./.gitignore **/*.scss",
     "lint:scss:prod": "prettier -c --end-of-line lf --ignore-path ./.gitignore **/*.scss",
@@ -43,10 +43,10 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^19.5.0",
+    "@commitlint/config-conventional": "^19.6.0",
     "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.13.0",
-    "@microsoft/api-extractor": "^7.47.11",
+    "@eslint/js": "^9.16.0",
+    "@microsoft/api-extractor": "^7.48.0",
     "@popperjs/core": "^2.11.8",
     "@rjsf/core": "^2.4.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -59,21 +59,21 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/tabulator-tables": "^4.9.4",
-    "@typescript-eslint/eslint-plugin": "^8.14.0",
-    "@typescript-eslint/parser": "^8.14.0",
+    "@typescript-eslint/eslint-plugin": "^8.17.0",
+    "@typescript-eslint/parser": "^8.17.0",
     "codemirror": "^5.65.9",
     "cross-env": "^7.0.3",
     "dayjs": "^1.11.13",
-    "eslint": "^9.14.0",
+    "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-ban": "^1.6.0",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-sonarjs": "^2.0.4",
-    "eslint-plugin-tsdoc": "^0.3.0",
+    "eslint-plugin-sonarjs": "^3.0.0",
+    "eslint-plugin-tsdoc": "^0.4.0",
     "flatpickr": "^4.6.13",
-    "globals": "^15.12.0",
+    "globals": "^15.13.0",
     "html-escaper": "^3.0.3",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
@@ -85,7 +85,7 @@
     "moment": "^2.30.1",
     "number-abbreviate": "^2.0.0",
     "parse-css-color": "^0.2.1",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.1",
     "prosemirror-example-setup": "^1.2.3",
     "prosemirror-markdown": "^1.13.1",
     "prosemirror-model": ">=1.22.1",