@eccenca/gui-elements 25.0.0 → 25.1.0-featurev2510colorfield.0

package/dist/types/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.d.ts

@@ -1,27 +1,43 @@
 import React from "react";
-import { ContentBlobTogglerProps } from "./..";
+import { ContentBlobTogglerProps } from "./../../index";
 export interface StringPreviewContentBlobTogglerProps extends Omit<ContentBlobTogglerProps, "previewContent" | "enableToggler"> {
     /**
-     The preview content will be cut to this length if it is too long.
+     * The preview content will be cut to this length if it is too long.
      */
     previewMaxLength?: number;
     /**
-     The content string. If it is smaller than previewMaxLength this will be displayed in full, else fullviewContent will be displayed.
+     * The content string.
+     * If it is smaller than `previewMaxLength` this will be displayed in full, else `fullviewContent` will be displayed.
      */
     content: string;
-    /** If only the first non-empty line should be shown in the preview. This will in addition also be shortened according to previewMaxLength. */
-    firstNonEmptyLineOnly?: boolean;
-    /** If enabled the preview is rendered as markdown. */
+    /**
+     * Use only parts of `content` in the preview.
+     * `firstMarkdownSection` uses the content until the first double line return.
+     * Currently overwritten by `firstNonEmptyLineOnly`.
+     */
+    useOnly?: "firstNonEmptyLine" | "firstMarkdownSection";
+    /**
+     * If enabled the preview is rendered as Markdown.
+     */
     renderPreviewAsMarkdown?: boolean;
-    /** White-listing of HTML elements that will be rendered when renderPreviewAsMarkdown is enabled. */
+    /**
+     * White-listing of HTML elements that will be rendered when renderPreviewAsMarkdown is enabled.
+     */
     allowedHtmlElementsInPreview?: string[];
-    /** Allows to add non-string elements at the end of the content if the full description is shown, i.e. no toggler is necessary.
+    /**
+     * Allows to add non-string elements at the end of the content if the full description is shown, i.e. no toggler is necessary.
      * This allows to add non-string elements to both the full-view content and the pure string content.
      */
     noTogglerContentSuffix?: JSX.Element;
+    /**
+     * If only the first non-empty line should be shown in the preview.
+     * This will in addition also be shortened according to `previewMaxLength`.
+     * @deprecated (v26) use `useOnly="firstNonEmptyLine"` instead
+     */
+    firstNonEmptyLineOnly?: boolean;
 }
-/** Version of the content toggler for text only content. */
-export declare function StringPreviewContentBlobToggler({ className, previewMaxLength, toggleExtendText, toggleReduceText, content, fullviewContent, startExtended, firstNonEmptyLineOnly, renderPreviewAsMarkdown, allowedHtmlElementsInPreview, noTogglerContentSuffix, }: StringPreviewContentBlobTogglerProps): React.JSX.Element;
+/** Version of the content toggler for text centric content. */
+export declare function StringPreviewContentBlobToggler({ className, previewMaxLength, toggleExtendText, toggleReduceText, content, fullviewContent, startExtended, useOnly, renderPreviewAsMarkdown, allowedHtmlElementsInPreview, noTogglerContentSuffix, firstNonEmptyLineOnly, }: StringPreviewContentBlobTogglerProps): React.JSX.Element;
 /**
  * Takes the first non-empty line from a preview string.
  */

package/dist/types/common/index.d.ts

@@ -1,4 +1,4 @@
-import { getEnabledColorsFromPalette, textToColorHash } from "./utils/colorHash";
+import { getEnabledColorPropertiesFromPalette, getEnabledColorsFromPalette, textToColorHash } from "./utils/colorHash";
 export type { DecodeOptions as DecodeHtmlEntitiesOptions } from "he";
 export type { IntentTypes as IntentBaseTypes } from "./Intent";
 export declare const utils: {
@@ -26,6 +26,7 @@ export declare const utils: {
     setGlobalVar: (varname: string, value: any) => any;
     getScrollParent: (element: Element) => HTMLElement | false;
     getEnabledColorsFromPalette: typeof getEnabledColorsFromPalette;
+    getEnabledColorPropertiesFromPalette: typeof getEnabledColorPropertiesFromPalette;
     textToColorHash: typeof textToColorHash;
     reduceToText: import("./utils/reduceToText").ReduceToTextFuncType;
     decodeHtmlEntities: import("he").Decode;

package/dist/types/common/utils/colorHash.d.ts

@@ -1,6 +1,6 @@
 import Color from "color";
-type ColorWeight = 100 | 300 | 500 | 700 | 900;
-type PaletteGroup = "identity" | "semantic" | "layout" | "extra";
+export type ColorWeight = 100 | 300 | 500 | 700 | 900;
+export type PaletteGroup = "identity" | "semantic" | "layout" | "extra";
 interface getEnabledColorsProps {
     /** Specify the palette groups used to define the set of colors. */
     includePaletteGroup?: PaletteGroup[];
@@ -9,7 +9,8 @@ interface getEnabledColorsProps {
     /** Only keep colors in the stack with a minimal color distance to all other colors. */
     minimalColorDistance?: number;
 }
-export declare function getEnabledColorsFromPalette({ includePaletteGroup, includeColorWeight, minimalColorDistance, }: getEnabledColorsProps): Color[];
+export declare function getEnabledColorsFromPalette(props: getEnabledColorsProps): Color[];
+export declare function getEnabledColorPropertiesFromPalette({ includePaletteGroup, includeColorWeight, minimalColorDistance, }: getEnabledColorsProps): string[][];
 interface textToColorOptions {
     /** Stack of colors that are allowed to be returned. */
     enabledColors: Color[] | "all" | getEnabledColorsProps;

package/dist/types/components/Application/ApplicationViewability.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+type media = "print" | "screen";
+interface ApplicationViewabilityShow {
+    /**
+     * Show on media type.
+     * If used, `hide` cannot be set.
+     */
+    show: media;
+    hide?: never;
+}
+interface ApplicationViewabilityHide {
+    /**
+     * Hide on media type.
+     * If used, `show` cannot be set.
+     */
+    hide: media;
+    show?: never;
+}
+interface ApplicationViewabilityUndecided {
+    /**
+     * Only one child allowed.
+     * Need to process the `className` property.
+     */
+    children: React.ReactElement<{
+        className?: string;
+    }>;
+}
+export type ApplicationViewabilityProps = ApplicationViewabilityUndecided & (ApplicationViewabilityShow | ApplicationViewabilityHide);
+/**
+ * Sets the viewability of the the contained element regarding media.
+ * Can be used to hide elements, e.g. when the page is printed.
+ */
+export declare const ApplicationViewability: ({ children, show, hide }: ApplicationViewabilityProps) => React.ReactElement<{
+    className?: string;
+}, string | React.JSXElementConstructor<any>>;
+export default ApplicationViewability;

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

@@ -8,4 +8,5 @@ export * from "./ApplicationToolbar";
 export * from "./ApplicationToolbarSection";
 export * from "./ApplicationToolbarAction";
 export * from "./ApplicationToolbarPanel";
+export * from "./ApplicationViewability";
 export * from "./helper";

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

@@ -0,0 +1,31 @@
+import React from "react";
+import { ColorWeight, PaletteGroup } from "../../common/utils/colorHash";
+import { TextFieldProps } from "../TextField";
+export interface ColorFieldProps extends Omit<TextFieldProps, "invisibleCharacterWarning"> {
+    /**
+     * Any color can be selected, not only from the configured color palette.
+     */
+    allowCustomColor?: boolean;
+    /**
+     * What color weights should be included in the set of allowed colors.
+     */
+    includeColorWeight?: ColorWeight[];
+    /**
+     * What palette groups should be included in the set of allowed colors.
+     */
+    includePaletteGroup?: PaletteGroup[];
+}
+/**
+ * Color input field that provides resets from the configured color palette.
+ * Use `includeColorWeight` and `includePaletteGroup` to filter them.
+ */
+export declare const ColorField: {
+    ({ className, allowCustomColor, includeColorWeight, includePaletteGroup, defaultValue, value, onChange, fullWidth, ...otherTextFieldProps }: ColorFieldProps): React.JSX.Element;
+    /**
+     * Simple helper function that provide simple access to color hash calculation.
+     * Using the same default values for the color palette filter.
+     */
+    calculateColorHashValue(text: string, options?: calculateColorHashValueProps): string | undefined;
+};
+type calculateColorHashValueProps = Pick<ColorFieldProps, "allowCustomColor" | "includeColorWeight" | "includePaletteGroup">;
+export default ColorField;

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { PopoverProps as BlueprintPopoverProps } from "@blueprintjs/core";
+import { WhiteSpaceContainerProps } from "../../index";
 export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
     /**
      * `target` element to use as toggler for the overlay display.
@@ -15,10 +16,15 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
      * Currently experimental.
      */
     usePlaceholder?: boolean;
+    /**
+     * Adds white space to each side of the overlay content.
+     * For more control use `WhiteSpaceContainer` directly as wrapper for the content children.
+     */
+    paddingSize?: WhiteSpaceContainerProps["paddingTop"];
 }
 /**
  * Element displays connected content by interacting with a target element.
  * Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
  */
-export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, usePlaceholder, ...otherPopoverProps }: ContextOverlayProps) => React.JSX.Element | null;
+export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, usePlaceholder, paddingSize, content, ...otherPopoverProps }: ContextOverlayProps) => React.JSX.Element | null;
 export default ContextOverlay;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { ContextOverlayProps, TestableComponent, TooltipSize } from "../../index";
+export interface DecoupledOverlayProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent, Pick<ContextOverlayProps, "usePortal" | "portalContainer" | "placement" | "minimal" | "paddingSize"> {
+    /**
+     * Element that should be used. The step content is displayed as a tooltip instead of a modal.
+     * In case of an array, the first match is highlighted. */
+    targetSelectorOrElement: string | Element;
+    /**
+     * The size of the overlay.
+     * */
+    size?: TooltipSize;
+}
+/**
+ * Use an overlay popover without the necessity to use a target that need to be rendered in place.
+ * The target is referenced by a selector string or element object.
+ * It can exist somewhere in the DOM, but it must exist when the overlay is rendered.
+ * It is always displayed, close it by removement.
+ */
+export declare const DecoupledOverlay: ({ targetSelectorOrElement, usePortal, portalContainer, minimal, placement, size, paddingSize, children, }: DecoupledOverlayProps) => React.JSX.Element;
+export default DecoupledOverlay;

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { ButtonProps } from "../Button/Button";
+import { TestableComponent } from "../interfaces";
 import { ValidIconName } from "./canonicalIconNames";
 import { TestIconProps } from "./TestIcon";
-import { TestableComponent } from "../interfaces";
 interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "icon" | "rightIcon" | "text" | "minimal" | "tooltip">, TestableComponent {
     /**
      * Canonical icon name, or an array of strings.

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

@@ -162,8 +162,10 @@ declare const canonicalIcons: {
     "state-checked": icons.CarbonIconType;
     "state-checkedsimple": icons.CarbonIconType;
     "state-confirmed": icons.CarbonIconType;
+    "state-confirmed-all": icons.CarbonIconType;
     "state-danger": icons.CarbonIconType;
     "state-declined": icons.CarbonIconType;
+    "state-declined-all": icons.CarbonIconType;
     "state-flagged": icons.CarbonIconType;
     "state-info": icons.CarbonIconType;
     "state-locked": icons.CarbonIconType;

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

@@ -0,0 +1,2 @@
+import { CarbonIconType } from "@carbon/react/icons";
+export declare const transform: (IconSymbol: CarbonIconType, rotate?: number, flipH?: boolean, flipV?: boolean) => CarbonIconType;

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

@@ -39,7 +39,7 @@ interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<Bluepr
     /**
      * prop to listen for query changes, when text is entered in the multi-select input
      */
-    runOnQueryChange?: (query: string) => Promise<T[] | undefined>;
+    runOnQueryChange?: (query: string) => Promise<T[] | undefined> | (T[] | undefined);
     /**
      * Whether the component should take up the full width of its container.
      * This overrides `tagInputProps.fill`.

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

@@ -1,5 +1,11 @@
 import React from "react";
 import { RadioProps as BlueprintRadioProps } from "@blueprintjs/core";
-export type RadioButtonProps = BlueprintRadioProps;
-export declare const RadioButton: ({ children, className, ...restProps }: RadioButtonProps) => React.JSX.Element;
+export interface RadioButtonProps extends BlueprintRadioProps {
+    /**
+     * Hide the indicator.
+     * The element cannot be identified as radio input then but a click on the children can be easily processed via `onChange` event.
+     */
+    hideIndicator?: boolean;
+}
+export declare const RadioButton: ({ children, className, hideIndicator, ...restProps }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

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

@@ -132,7 +132,7 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
     onChange?: React.FormEventHandler<HTMLElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
     onInput?: React.FormEventHandler<HTMLElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;

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

@@ -154,7 +154,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
@@ -432,7 +432,7 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;

package/dist/types/components/Typography/InlineText.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { TestableComponent } from "../interfaces";
+export interface InlineTextProps extends React.HTMLAttributes<HTMLElement>, TestableComponent {
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Forces all children to be displayed as inline content.
+ */
+export declare const InlineText: ({ className, children, ...otherProps }: InlineTextProps) => React.JSX.Element;
+export default InlineText;

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

@@ -2,3 +2,4 @@ export * from "./Highlighter";
 export * from "./HtmlContentBlock";
 export * from "./OverflowText";
 export * from "./WhiteSpaceContainer";
+export * from "./InlineText";

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

@@ -7,8 +7,10 @@ export * from "./Card";
 export * from "./Chat";
 export * from "./Checkbox/Checkbox";
 export * from "./CodeAutocompleteField";
+export * from "./ColorField/ColorField";
 export * from "./ContentGroup/ContentGroup";
 export * from "./ContextOverlay";
+export * from "./DecoupledOverlay/DecoupledOverlay";
 export * from "./Depiction/Depiction";
 export * from "./Dialog";
 export * from "./FlexibleLayout";

package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts

@@ -1,10 +1,10 @@
+import { html } from "@codemirror/lang-html";
 import { javascript } from "@codemirror/lang-javascript";
 import { json } from "@codemirror/lang-json";
 import { markdown } from "@codemirror/lang-markdown";
 import { sql } from "@codemirror/lang-sql";
 import { xml } from "@codemirror/lang-xml";
 import { yaml } from "@codemirror/lang-yaml";
-import { html } from "@codemirror/lang-html";
 import { StreamParser } from "@codemirror/language";
 declare const supportedModes: {
     readonly markdown: typeof markdown;

package/dist/types/extensions/codemirror/tests/codemirrorTestHelper.d.ts

@@ -5,7 +5,7 @@
  *              'EditorView is not a constructor'
  * This errors do not exist during compilation only during testing.
  */
-import { Extension, Compartment } from "@codemirror/state";
+import { Compartment, Extension } from "@codemirror/state";
 /** placeholder extension, current error '_view.placeholder is not a function' */
 export declare const adaptedPlaceholder: (text?: string) => Extension;
 /** current error '_view.Editor is not a constructor' */

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": "25.0.0",
+    "version": "25.1.0-featurev2510colorfield.0",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -68,29 +68,29 @@
         "autolint:all": "yarn autolint:scripts && yarn autolint:styles && yarn autolint:prettier"
     },
     "dependencies": {
-        "@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-html": "^6.4.9",
-        "@codemirror/lang-javascript": "^6.2.3",
-        "@codemirror/lang-json": "^6.0.1",
-        "@codemirror/lang-markdown": "^6.3.2",
-        "@codemirror/lang-sql": "^6.8.0",
+        "@blueprintjs/colors": "^5.1.11",
+        "@blueprintjs/core": "^5.19.1",
+        "@blueprintjs/select": "^5.3.21",
+        "@carbon/icons": "^11.70.0",
+        "@carbon/react": "^1.96.0",
+        "@codemirror/lang-html": "^6.4.11",
+        "@codemirror/lang-javascript": "^6.2.4",
+        "@codemirror/lang-json": "^6.0.2",
+        "@codemirror/lang-markdown": "^6.5.0",
+        "@codemirror/lang-sql": "^6.10.0",
         "@codemirror/lang-xml": "^6.1.0",
         "@codemirror/lang-yaml": "^6.1.2",
-        "@codemirror/legacy-modes": "^6.5.0",
+        "@codemirror/legacy-modes": "^6.5.2",
         "@mavrin/remark-typograf": "^2.2.0",
-        "@xyflow/react": "^12.6.0",
+        "@xyflow/react": "^12.9.3",
         "classnames": "^2.5.1",
-        "codemirror": "^6.0.1",
+        "codemirror": "^6.0.2",
         "color": "^4.2.3",
         "compute-scroll-into-view": "^3.1.1",
         "he": "^1.2.0",
         "jshint": "^2.13.6",
         "lodash": "^4.17.21",
-        "n3": "^1.25.1",
+        "n3": "^1.26.0",
         "re-resizable": "^6.10.3",
         "react": "^16.13.1",
         "react-dom": "^16.14.0",
@@ -98,7 +98,7 @@
         "react-inlinesvg": "^3.0.3",
         "react-is": "^16.13.1",
         "react-markdown": "^10.1.0",
-        "react-syntax-highlighter": "^15.6.1",
+        "react-syntax-highlighter": "^15.6.6",
         "rehype-external-links": "^3.0.0",
         "rehype-raw": "^7.0.0",
         "remark-definition-list": "^2.0.0",
@@ -107,55 +107,54 @@
         "reset-css": "^5.0.2",
         "unified": "^11.0.5",
         "wicg-inert": "^3.1.3",
-        "xml-formatter": "^3.6.5"
+        "xml-formatter": "^3.6.7"
     },
     "devDependencies": {
-        "@babel/core": "^7.26.10",
-        "@babel/plugin-transform-class-properties": "^7.25.9",
-        "@babel/plugin-transform-private-methods": "^7.25.9",
-        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-        "@babel/preset-env": "^7.26.9",
-        "@babel/preset-flow": "^7.25.9",
-        "@babel/preset-react": "^7.26.3",
-        "@babel/preset-typescript": "^7.27.0",
-        "@eslint/compat": "^1.2.8",
+        "@babel/core": "^7.28.5",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/preset-env": "^7.28.5",
+        "@babel/preset-flow": "^7.27.1",
+        "@babel/preset-react": "^7.28.5",
+        "@babel/preset-typescript": "^7.28.5",
+        "@eslint/compat": "^1.4.1",
         "@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",
+        "@eslint/js": "^9.39.1",
+        "@storybook/addon-actions": "^8.6.14",
+        "@storybook/addon-essentials": "^8.6.14",
+        "@storybook/addon-jest": "^8.6.14",
+        "@storybook/addon-links": "^8.6.14",
         "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-        "@storybook/cli": "^8.6.12",
+        "@storybook/cli": "^8.6.14",
         "@storybook/preset-scss": "^1.0.3",
-        "@storybook/react": "^8.6.12",
-        "@storybook/react-webpack5": "^8.6.12",
-        "@storybook/test": "^8.6.12",
-        "@testing-library/jest-dom": "^6.6.3",
+        "@storybook/react": "^8.6.14",
+        "@storybook/react-webpack5": "^8.6.14",
+        "@storybook/test": "^8.6.14",
+        "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^12.1.5",
-        "@types/codemirror": "^5.60.15",
         "@types/color": "^3.0.6",
         "@types/he": "^1.2.3",
-        "@types/jest": "^29.5.14",
+        "@types/jest": "^30.0.0",
         "@types/jshint": "^2.12.4",
-        "@types/lodash": "^4.17.16",
-        "@types/n3": "^1.24.2",
-        "@types/react-is": "^19.0.0",
+        "@types/lodash": "^4.17.21",
+        "@types/n3": "^1.26.1",
+        "@types/react-is": "^19.2.0",
         "@types/react-syntax-highlighter": "^15.5.13",
-        "@typescript-eslint/eslint-plugin": "^8.30.1",
-        "@typescript-eslint/parser": "^8.30.1",
-        "babel-jest": "^29.7.0",
-        "chromatic": "^11.28.0",
-        "eslint": "^9.24.0",
+        "@typescript-eslint/eslint-plugin": "^8.47.0",
+        "@typescript-eslint/parser": "^8.47.0",
+        "babel-jest": "^30.2.0",
+        "chromatic": "^13.3.4",
+        "eslint": "^9.39.1",
         "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-hooks": "^7.0.1",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "husky": "4",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^30.2.0",
         "jest-environment-jsdom": "^30.2.0",
         "jest-pnp-resolver": "^1.2.3",
-        "lint-staged": "^15.5.1",
+        "lint-staged": "^15.5.2",
         "node-sass-package-importer": "^5.3.3",
         "path": "^0.12.7",
         "prettier": "^2.8.8",
@@ -165,7 +164,7 @@
         "rimraf": "^5.0.10",
         "sass": "1.62.1",
         "sass-loader": "10.3.1",
-        "storybook": "^8.6.12",
+        "storybook": "^8.6.14",
         "stylelint": "^16.18.0",
         "stylelint-config-recess-order": "^6.0.0",
         "stylelint-config-standard-scss": "^14.0.0",
@@ -180,8 +179,8 @@
         "react": ">=16"
     },
     "resolutions": {
-        "**/@types/react": "^17.0.85",
-        "node-sass-package-importer/**/postcss": "^8.4.49",
+        "**/@types/react": "^17.0.90",
+        "node-sass-package-importer/**/postcss": "^8.5.6",
         "string-width": "^4.2.3",
         "wrap-ansi": "^7.0.0",
         "hast-util-from-parse5": "8.0.0"