@eccenca/gui-elements 24.1.0-rc.6 → 24.2.0-featuresupportprojectvariableautocompletioncmem5572.0

package/dist/types/components/Form/FieldItem.d.ts

@@ -1,27 +1,36 @@
 import React from "react";
+import { IntentTypes } from "../../common/Intent";
 import { TestableComponent } from "../interfaces";
 import { LabelProps } from "../Label/Label";
 export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
     /**
      * Set primary state.
      * This is not routed through automatically.
+     * @deprecated (v25) use `intent="primary"` instead.
      */
     hasStatePrimary?: boolean;
     /**
      * Set success state.
      * This is not routed through automatically.
+     * @deprecated (v25) use `intent="success"` instead.
      */
     hasStateSuccess?: boolean;
     /**
      * Set warning state.
      * This is not routed through automatically.
+     * @deprecated (v25) use `intent="warning"` instead.
      */
     hasStateWarning?: boolean;
     /**
      * Set danger state.
      * This is not routed through automatically.
+     * @deprecated (v25) use `intent="danger"` instead.
      */
     hasStateDanger?: boolean;
+    /**
+     * Intent state of the field item.
+     */
+    intent?: IntentTypes;
     /**
      * Is disabled.
      * The included inout element nedd to set disabled directly itself.
@@ -46,5 +55,5 @@ export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, Te
 /**
  * Form element that manages the combination of label, helper texts, input element and feedback messages.
  */
-export declare const FieldItem: ({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, ...otherProps }: FieldItemProps) => React.JSX.Element;
+export declare const FieldItem: ({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, intent, ...otherProps }: FieldItemProps) => React.JSX.Element;
 export default FieldItem;

package/dist/types/components/Form/FieldSet.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { IntentTypes } from "../../common/Intent";
 export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "title"> {
     /**
      * Displays the fieldset inside a box.
@@ -7,20 +8,28 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
     boxed?: boolean;
     /**
      * The fieldsetsection is displayed with primary color scheme.
+     * @deprecated (v25) use `intent="primary"` instead.
      */
     hasStatePrimary?: boolean;
     /**
      * The fieldset section is displayed with success (some type of green) color scheme.
+     * @deprecated (v25) use `intent="success"` instead.
      */
     hasStateSuccess?: boolean;
     /**
      * The fieldset section is displayed with warning (some type of orange) color scheme.
+     * @deprecated (v25) use `intent="warning"` instead.
      */
     hasStateWarning?: boolean;
     /**
      * The fieldsetsection is displayed with danger (some type of red) color scheme.
+     * @deprecated (v25) use `intent="danger"` instead.
      */
     hasStateDanger?: boolean;
+    /**
+     * Intent state of the field item.
+     */
+    intent?: IntentTypes;
     /**
      * Optional helper text. If given then it is displayed after the title.
      */
@@ -39,5 +48,5 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
 /**
  * Displays a group of input elements.
  */
-export declare const FieldSet: ({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
+export declare const FieldSet: ({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, intent, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
 export default FieldSet;

package/dist/types/components/Icon/canonicalIconNames.d.ts

@@ -120,6 +120,7 @@ declare const canonicalIcons: {
     "operation-filteredit": icons.CarbonIconType;
     "operation-filterremove": icons.CarbonIconType;
     "operation-filter": icons.CarbonIconType;
+    "operation-focus": icons.CarbonIconType;
     "operation-format-codeblock": icons.CarbonIconType;
     "operation-format-text-code": icons.CarbonIconType;
     "operation-format-text-bold": icons.CarbonIconType;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
+import { HTMLInputProps as BlueprintHTMLInputProps, Intent as BlueprintIntent } from "@blueprintjs/core";
 import { MultiSelect as BlueprintMultiSelect, MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./../../index";
@@ -64,20 +64,28 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
      * Items that were newly created and not taken from the list will be post-fixed with this string.
      */
     newItemPostfix?: string;
+    /**
+     * Intent state of the multi select.
+     */
+    intent?: BlueprintIntent;
     /**
      * The input element is displayed with primary color scheme.
+     * @deprecated (v25) use `intent="primary"` instead.
      */
     hasStatePrimary?: boolean;
     /**
      * The input element is displayed with success (some type of green) color scheme.
+     * @deprecated (v25) use `intent="success"` instead.
      */
     hasStateSuccess?: boolean;
     /**
-     * The input element is displayed with success (some type of orange) color scheme.
+     * The input element is displayed with warning (some type of orange) color scheme.
+     * @deprecated (v25) use `intent="warning"` instead.
      */
     hasStateWarning?: boolean;
     /**
-     * The input element is displayed with success (some type of red) color scheme.
+     * The input element is displayed with danger (some type of red) color scheme.
+     * @deprecated (v25) use `intent="danger"` instead.
      */
     hasStateDanger?: boolean;
     /**
@@ -128,7 +136,7 @@ export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
  * This component will be re-implemented as `Select` like element allowing multiple selections (or a `Select` option).
  * New name for this component is `MultiSuggestField`.
  */
-declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
+declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
 declare namespace MultiSelect {
     var ofType: typeof BlueprintMultiSelect.ofType;
 }

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { ToastProps as BlueprintToastProps } from "@blueprintjs/core";
+import { IntentTypes } from "../../common/Intent";
 import { TestableComponent } from "../interfaces";
 import { IconProps } from "./../Icon/Icon";
 import { TestIconProps } from "./../Icon/TestIcon";
@@ -12,23 +13,31 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
      * Notification message that can be used as alternative to children elements.
      */
     message?: JSX.Element | string;
+    /**
+     * Intent state of the notification.
+     */
+    intent?: Extract<IntentTypes, "neutral" | "success" | "warning" | "danger" | "info">;
     /**
      * Notification has a neutral color scheme.
+     * @deprecated (v25) use `intent="neutral"` instead.
      */
     neutral?: boolean;
     /**
      * Notification is a success info.
      * This defines the colorization and the icon symbol.
+     * @deprecated (v25) use `intent="success"` instead.
      */
     success?: boolean;
     /**
      * Notification is a warning alert.
      * This defines the colorization and the icon symbol.
+     * @deprecated (v25) use `intent="warning"` instead.
      */
     warning?: boolean;
     /**
      * Notification is a danger alert.
      * This defines the colorization and the icon symbol.
+     * @deprecated (v25) use `intent="danger"` instead.
      */
     danger?: boolean;
     /**
@@ -52,5 +61,5 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
  * Displays a notification message, optionally combined with depiction and further action buttons.
  * By default it uses colorization of an blueish info alert.
  */
-export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: NotificationProps) => React.JSX.Element;
+export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, intent, ...otherProps }: NotificationProps) => React.JSX.Element;
 export default Notification;

package/dist/types/components/OverviewItem/OverviewItemActions.d.ts

@@ -4,10 +4,22 @@ export interface OverviewItemActionsProps extends React.HTMLAttributes<HTMLDivEl
      * Display it only when the parent `OverviewItem` is hovered or focused.
      */
     hiddenInteractions?: boolean;
+    /**
+     * Delay the rendering of the children by a time in milliseconds.
+     * Could be used to prevent browser freezes for the initial `OverviewItem` rendering.
+     * In general, it is better to fix the cause, i.e. action elements that are expensive to initialize/render should be
+     * optimized or replaced etc. This workaround only prevents the browser from getting blocked completely and does NOT
+     * solve the actual performance issue.
+     */
+    delayDisplayChildren?: number;
+    /**
+     * Display element while the rendering of the actual children is delayed.
+     */
+    delaySkeleton?: JSX.Element;
 }
 /**
  * Contains an arbitrary number of elements for user-interactions.
  * It does not make sense to include more than 1 or 2 of these elements within `OverviewItem`.
  */
-export declare const OverviewItemActions: ({ children, className, hiddenInteractions, ...restProps }: OverviewItemActionsProps) => React.JSX.Element;
+export declare const OverviewItemActions: ({ children, className, hiddenInteractions, delayDisplayChildren, delaySkeleton, ...restProps }: OverviewItemActionsProps) => React.JSX.Element;
 export default OverviewItemActions;

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

@@ -1,3 +1,3 @@
-import { ProgressBar as BlueprintProgressBar, ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
-export declare const ProgressBar: typeof BlueprintProgressBar;
+import { ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
+export declare const ProgressBar: import("react").FC<BlueprintProgressBarProps>;
 export type ProgressBarProps = BlueprintProgressBarProps;

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

@@ -3,13 +3,18 @@ import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinner
 type SpinnerPosition = "local" | "inline" | "global";
 type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
 type SpinnerStroke = "thin" | "medium" | "bold";
-type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
+type Intent = "inherit" | "primary" | "success" | "warning" | "danger" | "none";
 /** A spinner that is either displayed globally or locally. */
-export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {
+export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "intent"> {
     /**
      * intent value or a valid css color definition
+     * @deprecated (v25) it will allow in the future only a color value string and that for other states the intent property needs to be used
      */
     color?: Intent | string;
+    /**
+     * Intent state of the field item.
+     */
+    intent?: Intent;
     /**
      * Additional CSS class names.
      */
@@ -53,5 +58,5 @@ export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {
      */
     description?: string;
 }
-export declare const Spinner: ({ className, color, position, size, stroke, showLocalBackdrop, delay, overlayProps, description, ...otherProps }: SpinnerProps) => React.JSX.Element | null;
+export declare const Spinner: ({ className, color, intent, position, size, stroke, showLocalBackdrop, delay, overlayProps, description, ...otherProps }: SpinnerProps) => React.JSX.Element | null;
 export default Spinner;

package/dist/types/components/Structure/TitleSubsection.d.ts

@@ -56,17 +56,23 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
@@ -96,6 +102,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;

package/dist/types/components/Table/TableContainer.d.ts

@@ -2,11 +2,11 @@ import React from "react";
 import { DataTableHeader as CarbonDataTableHeader, DataTableProps as CarbonDataTableProps, DataTableRow as CarbonDataTableRow } from "@carbon/react";
 import { TableContainerProps as CarbonTableContainerProps } from "@carbon/react/es/components/DataTable/TableContainer";
 import { TableRowHeightSize } from "./Table";
-interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
+export interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
     children(signature: any): JSX.Element;
     size?: TableRowHeightSize;
 }
-interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
+export interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
     children?: JSX.Element;
 }
 export type TableContainerProps = TableDataContainerProps | TableSimpleContainerProps;

package/dist/types/components/Table/TableExpandRow.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TableExpandRow as CarbonTableExpandRow } from "@carbon/react";
 type CarbonTableExpandRowProps = React.ComponentProps<typeof CarbonTableExpandRow>;
-export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "ref" | "ariaLabel" | "expandIconDescription" | "aria-label">, React.HTMLAttributes<HTMLTableRowElement> {
+export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "children" | "ref" | "ariaLabel" | "expandIconDescription" | "aria-label">, React.HTMLAttributes<HTMLTableRowElement> {
     /**
      * This text is displayed as tooltip for the button that toggles the expanded/collapsed state.
      */

package/dist/types/components/Table/index.d.ts

@@ -5,3 +5,4 @@ export * from "./TableExpandRow";
 export * from "./TableExpandHeader";
 export * from "./TableCell";
 export { TableHead, TableBody, TableExpandedRow, TableHeader } from "@carbon/react";
+export type { TableHeadProps, TableBodyProps, TableExpandedRowProps, TableHeaderProps, DataTableRenderProps } from "@carbon/react";

package/dist/types/components/Tabs/Tab.d.ts

@@ -78,17 +78,23 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
@@ -118,6 +124,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -349,17 +356,23 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
@@ -389,6 +402,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;

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

@@ -25,6 +25,14 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
      * Set properties for the Markdown parser
      */
     markdownProps?: Omit<MarkdownProps, "children">;
+    /**
+     * Use the overlay target as placeholder before the real `<Tooltip /` is rendered on first hover or focus event.
+     * This can boost performance massive but it is currently experimental.
+     * Placeholders are never used when `disabled`, `defaultIsOpen` or `isOpen` is set to `true`, or if `renderTarget` is set.
+     * If the tooltip `content` is only a string then a placeholder is automatically used, too.
+     * You can prevent it in any case by setting it to `false`.
+     */
+    usePlaceholder?: boolean;
 }
-export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...otherProps }: TooltipProps) => React.JSX.Element;
+export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, usePlaceholder, hoverOpenDelay, ...otherTooltipProps }: TooltipProps) => React.JSX.Element | null;
 export default Tooltip;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "24.1.0-rc.6",
+    "version": "24.2.0-featuresupportprojectvariableautocompletioncmem5572.0",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -68,42 +68,44 @@
         "autolint:all": "yarn autolint:scripts && yarn autolint:styles && yarn autolint:prettier"
     },
     "dependencies": {
-        "@blueprintjs/colors": "^5.1.5",
-        "@blueprintjs/core": "^5.16.2",
-        "@blueprintjs/select": "^5.3.7",
-        "@carbon/icons": "^11.53.0",
-        "@carbon/react": "1.72.0",
-        "@codemirror/lang-javascript": "^6.2.2",
+        "@blueprintjs/colors": "^5.1.8",
+        "@blueprintjs/core": "^5.18.0",
+        "@blueprintjs/select": "^5.3.19",
+        "@carbon/icons": "^11.58.0",
+        "@carbon/react": "^1.80.1",
+        "@codemirror/lang-javascript": "^6.2.3",
         "@codemirror/lang-json": "^6.0.1",
-        "@codemirror/lang-markdown": "^6.3.1",
+        "@codemirror/lang-markdown": "^6.3.2",
         "@codemirror/lang-sql": "^6.8.0",
         "@codemirror/lang-xml": "^6.1.0",
         "@codemirror/lang-yaml": "^6.1.2",
-        "@codemirror/legacy-modes": "^6.4.2",
+        "@codemirror/legacy-modes": "^6.5.0",
         "@mavrin/remark-typograf": "^2.2.0",
         "classnames": "^2.5.1",
         "codemirror": "^6.0.1",
         "color": "^4.2.3",
-        "compute-scroll-into-view": "^3.1.0",
+        "compute-scroll-into-view": "^3.1.1",
         "jshint": "^2.13.6",
         "lodash": "^4.17.21",
-        "n3": "^1.23.1",
+        "n3": "^1.25.1",
         "re-resizable": "^6.10.3",
         "react": "^16.13.1",
         "react-dom": "^16.13.1",
         "react-flow-renderer": "9.7.4",
         "react-flow-renderer-lts": "npm:react-flow-renderer@^10.3.17",
         "react-inlinesvg": "^3.0.3",
-        "react-markdown": "^8.0.7",
+        "react-markdown": "^10.1.0",
+        "react-markdown-deprecated": "npm:react-markdown@^8.0.7",
         "react-syntax-highlighter": "^15.6.1",
-        "rehype-raw": "^6.1.1",
-        "remark-definition-list": "^1.2.0",
-        "remark-gfm": "^3.0.1",
-        "remark-parse": "^10.0.2",
+        "rehype-external-links": "^3.0.0",
+        "rehype-raw": "^7.0.0",
+        "remark-definition-list": "^2.0.0",
+        "remark-gfm": "^4.0.1",
+        "remark-parse": "^11.0.0",
         "reset-css": "^5.0.2",
         "unified": "^11.0.5",
         "wicg-inert": "^3.1.3",
-        "xml-formatter": "^3.6.3"
+        "xml-formatter": "^3.6.5"
     },
     "devDependencies": {
         "@babel/core": "^7.26.10",
@@ -114,42 +116,42 @@
         "@babel/preset-flow": "^7.25.9",
         "@babel/preset-react": "^7.26.3",
         "@babel/preset-typescript": "^7.27.0",
-        "@eslint/compat": "^1.2.4",
-        "@eslint/eslintrc": "^3.2.0",
-        "@eslint/js": "^9.17.0",
-        "@storybook/addon-actions": "^8.6.9",
-        "@storybook/addon-essentials": "^8.6.9",
-        "@storybook/addon-jest": "^8.6.9",
-        "@storybook/addon-links": "^8.6.9",
-        "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-        "@storybook/cli": "^8.6.9",
+        "@eslint/compat": "^1.2.8",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "^9.24.0",
+        "@storybook/addon-actions": "^8.6.12",
+        "@storybook/addon-essentials": "^8.6.12",
+        "@storybook/addon-jest": "^8.6.12",
+        "@storybook/addon-links": "^8.6.12",
+        "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+        "@storybook/cli": "^8.6.12",
         "@storybook/preset-scss": "^1.0.3",
-        "@storybook/react": "^8.6.9",
-        "@storybook/react-webpack5": "^8.6.9",
-        "@storybook/test": "^8.6.9",
+        "@storybook/react": "^8.6.12",
+        "@storybook/react-webpack5": "^8.6.12",
+        "@storybook/test": "^8.6.12",
         "@testing-library/jest-dom": "^6.6.3",
-        "@testing-library/react": "^12.1.2",
+        "@testing-library/react": "^12.1.5",
         "@types/codemirror": "^5.60.15",
         "@types/color": "^3.0.6",
         "@types/jest": "^29.5.14",
         "@types/jshint": "^2.12.4",
-        "@types/lodash": "^4.17.13",
-        "@types/n3": "^1.21.1",
+        "@types/lodash": "^4.17.16",
+        "@types/n3": "^1.24.2",
         "@types/react-syntax-highlighter": "^15.5.13",
-        "@typescript-eslint/eslint-plugin": "^8.18.1",
-        "@typescript-eslint/parser": "^8.18.1",
+        "@typescript-eslint/eslint-plugin": "^8.30.1",
+        "@typescript-eslint/parser": "^8.30.1",
         "babel-jest": "^29.7.0",
-        "chromatic": "^11.27.0",
-        "eslint": "^9.17.0",
-        "eslint-plugin-react": "^7.37.2",
-        "eslint-plugin-react-hooks": "^5.1.0",
+        "chromatic": "^11.28.0",
+        "eslint": "^9.24.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^5.2.0",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "husky": "4",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
         "jest-pnp-resolver": "^1.2.3",
-        "lint-staged": "^15.2.11",
+        "lint-staged": "^15.5.1",
         "node-sass-package-importer": "^5.3.3",
         "path": "^0.12.7",
         "prettier": "^2.8.8",
@@ -159,10 +161,10 @@
         "rimraf": "^5.0.10",
         "sass": "1.62.1",
         "sass-loader": "10.3.1",
-        "storybook": "^8.6.9",
-        "stylelint": "^15.11.0",
-        "stylelint-config-recess-order": "^4.6.0",
-        "stylelint-config-standard-scss": "^9.0.0",
+        "storybook": "^8.6.12",
+        "stylelint": "^16.18.0",
+        "stylelint-config-recess-order": "^6.0.0",
+        "stylelint-config-standard-scss": "^14.0.0",
         "ts-node": "^10.9.2",
         "tsc-esm-fix": "^3.1.2",
         "typescript": "5.5.3",
@@ -175,12 +177,9 @@
         "react-dom": ">=16"
     },
     "resolutions": {
-        "**/@types/react": "^17.0.83",
+        "**/@types/react": "^17.0.85",
         "node-sass-package-importer/**/postcss": "^8.4.49",
-        "**/cross-spawn": "^7.0.5 ",
-        "**/micromatch": "^4.0.8",
-        "**/@babel/runtime": "^7.26.10",
-        "**/@babel/helpers": "^7.26.10"
+        "hast-util-from-parse5": "8.0.0"
     },
     "husky": {
         "hooks": {