@equinor/echo-components 3.1.0 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "3.1.0",
+  "version": "4.0.1",
   "dependencies": {
     "chart.js": "4.5.1",
     "react-datepicker": "8.7.0",
@@ -8,7 +8,7 @@
     "react-window": "1.8.11"
   },
   "peerDependencies": {
-    "@equinor/echo-utils": ">= 3.1.0 < 4.0.0",
+    "@equinor/echo-utils": ">= 4.0.1 < 5.0.0",
     "@equinor/eds-core-react": "0.49.0",
     "@equinor/eds-icons": "0.22.0",
     "@equinor/eds-tokens": "2.1.0",

package/src/components/legendSelectorAccordion/LegendSelectorAccordion.d.ts

@@ -1,22 +1,38 @@
 import React from 'react';
-export interface LegendSelectorAccordionProps {
+interface LegendSelectorAccordionBaseProps {
     title: string;
     children: React.ReactNode;
     visual?: JSX.Element;
     caption?: string;
     actions?: React.ReactNode;
-    isExpanded?: boolean;
-    setIsExpanded?: (isExpanded: boolean) => void;
 }
+interface UncontrolledProps extends LegendSelectorAccordionBaseProps {
+    isExpanded?: never;
+    setIsExpanded?: never;
+    defaultIsExpanded?: boolean;
+}
+interface ControlledProps extends LegendSelectorAccordionBaseProps {
+    isExpanded: boolean;
+    setIsExpanded: (isExpanded: boolean) => void;
+    defaultIsExpanded?: never;
+}
+export type LegendSelectorAccordionProps = UncontrolledProps | ControlledProps;
 /**
  * Legend selector accordion component to display the legend selector for the data layers.
  * This component is meant to be used as a wrapper and consumes the LegendSelector, LegendSelectorMenu and/or LegendChip
  * in the combinations that might be needed.
+ *
+ * This component can be used both controlled and uncontrolled.
+ *
  * @param {string} title - The title of the accordion/type of legend.
  * @param {React.ReactNode} children - The children to be displayed in the accordion.
  * @param {JSX.Element} visual - The visual or icon to be displayed in the accordion header. Optional.
  * @param {string} caption - The caption to be displayed in the accordion header. Optional.
  * @param {React.ReactNode} actions - The actions to be displayed in the accordion header. Optional.
+ * @param {boolean} isExpanded - Controlled: whether the accordion is expanded.
+ * @param {function} setIsExpanded - Controlled: callback when expanded state changes.
+ * @param {boolean} defaultIsExpanded - Uncontrolled: default expanded state (default: false).
  * @returns {JSX.Element} - Legend selector accordion component.
  */
 export declare const LegendSelectorAccordion: React.FC<LegendSelectorAccordionProps>;
+export {};

package/src/elements/icon/Icon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface IconProps {
     name: string;
-    color: string;
+    color?: string;
     title?: string;
     className?: string;
     size?: 16 | 24 | 32 | 40 | 48;
@@ -12,7 +12,7 @@ export interface IconProps {
  * @param {IconProps} {
  *  name: The name of the icon to be displayed
  *  title: The html title to use
- *  color:The color to icon should have
+ *  color: The color the icon should have (optional - defaults to CSS-controlled color)
  *  size: The wanted size of the icon. Possible values are 16, 24, 32, 40 and 48
  * }
  * @return {*} {JSX.Element} A icon for the provided information

package/src/icons/echoAssets/index.d.ts

@@ -12,4 +12,3 @@ export * from './sap';
 export * from './sidesheet';
 export * from './subsea';
 export * from './workOrders';
-export * from './xld';

package/src/theme/themeConst.d.ts

@@ -7,6 +7,8 @@ export declare const themeConst: {
     mediumLarge: string;
     large: string;
     xLarge: string;
+    xxLarge: string;
+    xxxLarge: string;
     breakpointXs: string;
     breakpointS: string;
     breakpointMd: string;
@@ -74,6 +76,10 @@ export declare const themeConst: {
     equiGreen2: string;
     readonly equiGreen3: string;
     equiGreen4: string;
+    /**
+     * @deprecated Use default Typography color (omit color prop) or tokens.colors.text.static_icons__default.rgba from @equinor/eds-tokens
+     * Default text color is automatically applied by EDS Typography components
+     */
     echoText: string;
     noColor: string;
     disabledBackgroundColor: string;
@@ -93,6 +99,10 @@ export declare const themeConst: {
     readonly noValvePositionInSAP: string;
     onGoing: string;
     readonly done: string;
+    /**
+     * @deprecated Use tokens.colors.interactive.primary__resting.rgba from @equinor/eds-tokens
+     * This is the EDS primary interactive color (Moss Green #007079)
+     */
     asBuilt: string;
     readonly planned: string;
     readonly future: string;

package/src/icons/echoAssets/xld.d.ts

@@ -1,3 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const xld_sticky_note: IconData;
-export declare const add_xld_sticky_note: IconData;