@equinor/echo-components 0.12.5 → 0.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.12.5",
+  "version": "0.12.7",
   "dependencies": {
     "chart.js": "4.4.9",
     "react-datepicker": "7.5.0",
@@ -21,5 +21,5 @@
   },
   "main": "./index.cjs.js",
   "type": "commonjs",
-  "types": "./index.cjs.d.ts"
+  "types": "./index.d.ts"
 }

package/src/components/accordionWithSwitch/AccordionWithSwitch.d.ts

@@ -1,15 +1,27 @@
 import React from 'react';
 interface AccordionWithSwitchProps {
+    /** Title of the accordion */
     title: string;
+    /** Description of the accordion */
     description: string;
+    /** Function to handle the switch click event */
     handleSwitchClick: () => void;
+    /** Optional children to be rendered inside the accordion */
     children?: React.ReactNode;
+    /** Optional heading for the description section */
     descriptionHeading?: string;
+    /** Optional prop for disabling the accordion if true */
+    disableAccordionOnSwitchOff?: boolean;
+    /** Optional prop to control the expanded state of the accordion */
     isExpanded?: boolean;
+    /** Optional prop to control the toggle state of the switch */
     isToggledOn?: boolean;
+    /** Optional aria label for the switch */
     switchAriaLabel?: string;
+    /** Optional prop to disable the switch */
     switchDisabled?: boolean;
+    /** Optional warning element to be displayed */
     warning?: JSX.Element;
 }
-export declare const AccordionWithSwitch: ({ title, description, handleSwitchClick, children, descriptionHeading, isExpanded, isToggledOn, switchDisabled, switchAriaLabel, warning }: AccordionWithSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionWithSwitch: ({ title, description, handleSwitchClick, children, descriptionHeading, disableAccordionOnSwitchOff, isExpanded, isToggledOn, switchDisabled, switchAriaLabel, warning }: AccordionWithSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/index.d.ts

@@ -47,6 +47,7 @@ export * from './secondaryMarker/SecondaryMarker';
 export * from './secondaryMarker/SecondaryMarkerExpander';
 export * from './secondaryMarker/SecondaryMarkerWithChip';
 export * from './secondaryMarker/SecondaryMarkerWrapper';
+export * from './selectTextOnFocusAutocomplete/SelectTextOnFocusAutocomplete';
 export * from './sidebarButton/SidebarButton';
 export * from './sidesheet';
 export * from './splitView';

package/src/components/selectTextOnFocusAutocomplete/SelectTextOnFocusAutocomplete.d.ts

@@ -0,0 +1,19 @@
+import { Autocomplete } from '@equinor/eds-core-react';
+import React from 'react';
+interface SelectTextOnFocusAutocompleteProps<T> extends Omit<React.ComponentProps<typeof Autocomplete<T>>, 'ref'> {
+    ariaPressed?: boolean;
+    style?: React.CSSProperties;
+    wrapperClassName?: string;
+    children?: React.ReactNode;
+}
+/**
+ * A reusable component that wraps the EDS Autocomplete in a button.
+ * When the button is clicked or activated with keyboard (Enter/Space),
+ * the input inside the Autocomplete is automatically focused and its text is selected.
+ *
+ * @template T - The type of the Autocomplete options.
+ * @param props - All Autocomplete props (except 'ref'), plus optional ariaPressed, style, and className for the button.
+ * @returns A button-wrapped Autocomplete with auto-select-on-focus behavior.
+ */
+export declare function SelectTextOnFocusAutocomplete<T>(props: Readonly<SelectTextOnFocusAutocompleteProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/theme/themeConst.d.ts

@@ -1,4 +1,9 @@
 export declare const themeConst: {
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
     weakLightGray: string;
     weakGrey: string;
     weakBlue: string;
@@ -57,6 +62,7 @@ export declare const themeConst: {
     readonly equiGreen3: string;
     equiGreen4: string;
     echoText: string;
+    noColor: string;
     disabledBackgroundColor: string;
     disabledColor: string;
     readonly pm01: string;
@@ -124,6 +130,7 @@ export declare const themeConst: {
     readonly toggleInactive: string;
     hoverIcon: string;
     readonly hoverIconWithNotification: string;
+    eqEchoFontFamily: string;
     tertiaryText: string;
     secondaryText: string;
     backgroundDark: string;