@equinor/echo-components 0.12.6 → 0.26.3

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.12.6",
+  "version": "0.26.3",
   "dependencies": {
-    "chart.js": "4.4.9",
-    "react-datepicker": "7.5.0",
+    "chart.js": "4.5.0",
+    "react-datepicker": "8.4.0",
     "react-swipeable": "7.0.2",
     "react-window": "1.8.11"
   },
   "peerDependencies": {
-    "@equinor/echo-utils": ">= 0.4.0 < 0.5.0",
+    "@equinor/echo-utils": ">= 0.26.3 < 0.27.0",
     "@equinor/eds-core-react": "0.43.0",
     "@equinor/eds-icons": "0.22.0",
     "classnames": "2.5.1",
@@ -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/datePicker/ReactDatePicker.d.ts

@@ -15,4 +15,4 @@ export interface DatePickerProps {
     minDate?: Date;
 }
 export declare const ReactDatePicker: React.FC<DatePickerProps>;
-export default ReactDatePicker;
+export {};

package/src/components/markedContent/MarkedContent.d.ts

@@ -4,5 +4,5 @@ interface MarkedContentProps {
     children: JSX.Element | string[] | string | number;
     className?: string;
 }
-export declare function MarkedContent({ backgroundColor, textColor, children, className, }: MarkedContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkedContent({ backgroundColor, textColor, children, className }: Readonly<MarkedContentProps>): JSX.Element;
 export {};

package/src/theme/themeConst.d.ts

@@ -1,4 +1,12 @@
 export declare const themeConst: {
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+    fontSizeXSmall: string;
+    fontSizeSmall: string;
+    fontSizeMedium: string;
     weakLightGray: string;
     weakGrey: string;
     weakBlue: string;
@@ -60,6 +68,7 @@ export declare const themeConst: {
     noColor: string;
     disabledBackgroundColor: string;
     disabledColor: string;
+    dividerColorLight: string;
     readonly pm01: string;
     readonly pm02: string;
     readonly pm03: string;
@@ -125,6 +134,7 @@ export declare const themeConst: {
     readonly toggleInactive: string;
     hoverIcon: string;
     readonly hoverIconWithNotification: string;
+    eqEchoFontFamily: string;
     tertiaryText: string;
     secondaryText: string;
     backgroundDark: string;
@@ -135,5 +145,6 @@ export declare const themeConst: {
     focusDark: string;
     primaryTextForDarkBackground: string;
     secondaryTextForDarkBackground: string;
+    primaryInteractionForDarkBackground: string;
     infographicPrimaryMossGreen: string;
 };