@coveo/atomic 3.30.0-pre.e4f0574e6b → 3.30.0

package/dist/types/components.d.ts

@@ -20,7 +20,6 @@ import { InsightInitializationOptions } from "./components/insight/atomic-insigh
 import { InsightStore } from "./components/insight/atomic-insight-interface/store";
 import { Actions, InsightResultActionClickedEvent } from "./components/insight/atomic-insight-result-action/atomic-insight-result-action";
 import { InsightResultAttachToCaseEvent } from "./components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action";
-import { SelectChildProductEventArgs } from "./components/commerce/atomic-product-children/select-child-product-event";
 import { TruncateAfter } from "./components/common/expandable-text/stencil-expandable-text";
 import { ItemDisplayImageSize as ItemDisplayImageSize1 } from "./components.d";
 import { RecommendationEngine, InteractiveResult as RecsInteractiveResult, LogLevel as RecsLogLevel, Result as RecsResult, ResultTemplate as RecsResultTemplate, ResultTemplateCondition as RecsResultTemplateCondition } from "@coveo/headless/recommendation";
@@ -48,7 +47,6 @@ export { InsightInitializationOptions } from "./components/insight/atomic-insigh
 export { InsightStore } from "./components/insight/atomic-insight-interface/store";
 export { Actions, InsightResultActionClickedEvent } from "./components/insight/atomic-insight-result-action/atomic-insight-result-action";
 export { InsightResultAttachToCaseEvent } from "./components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action";
-export { SelectChildProductEventArgs } from "./components/commerce/atomic-product-children/select-child-product-event";
 export { TruncateAfter } from "./components/common/expandable-text/stencil-expandable-text";
 export { ItemDisplayImageSize as ItemDisplayImageSize1 } from "./components.d";
 export { RecommendationEngine, InteractiveResult as RecsInteractiveResult, LogLevel as RecsLogLevel, Result as RecsResult, ResultTemplate as RecsResultTemplate, ResultTemplateCondition as RecsResultTemplateCondition } from "@coveo/headless/recommendation";
@@ -365,12 +363,6 @@ export namespace Components {
          */
         "summary": Summary<SearchSummaryState | ProductListingSummaryState>;
     }
-    /**
-     * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error.
-     * @alpha 
-     */
-    interface AtomicCommerceQueryError {
-    }
     /**
      * A facet is a list of values for a certain field occurring in the results.
      * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -1586,24 +1578,6 @@ export namespace Components {
      */
     interface AtomicPopover {
     }
-    /**
-     * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).
-     * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature.
-     */
-    interface AtomicProductChildren {
-        /**
-          * A fallback image URL to use when the specified `field` is not defined on a given child product, or when its value is invalid.
-         */
-        "fallback": string;
-        /**
-          * The child product field to use to render product children images. Fields in the `additionalFields` property of the child products are supported.  This field should be defined on each child product, and its value should be an image URL (or an array of image URLs, in which case the component will use the first one in the array).
-         */
-        "field": string;
-        /**
-          * The non-localized label to display for the product children section.  Set this to an empty string if you do not want to render the label at all.
-         */
-        "label": string;
-    }
     /**
      * @alpha The `atomic-product-description` component renders the description of a product.
      */
@@ -3366,10 +3340,6 @@ export interface AtomicPagerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicPagerElement;
 }
-export interface AtomicProductChildrenCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLAtomicProductChildrenElement;
-}
 export interface AtomicQuickviewModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicQuickviewModalElement;
@@ -3538,16 +3508,6 @@ declare global {
         prototype: HTMLAtomicCommerceNumericFacetElement;
         new (): HTMLAtomicCommerceNumericFacetElement;
     };
-    /**
-     * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error.
-     * @alpha 
-     */
-    interface HTMLAtomicCommerceQueryErrorElement extends Components.AtomicCommerceQueryError, HTMLStencilElement {
-    }
-    var HTMLAtomicCommerceQueryErrorElement: {
-        prototype: HTMLAtomicCommerceQueryErrorElement;
-        new (): HTMLAtomicCommerceQueryErrorElement;
-    };
     /**
      * A facet is a list of values for a certain field occurring in the results.
      * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -4194,27 +4154,6 @@ declare global {
         prototype: HTMLAtomicPopoverElement;
         new (): HTMLAtomicPopoverElement;
     };
-    interface HTMLAtomicProductChildrenElementEventMap {
-        "atomic/selectChildProduct": SelectChildProductEventArgs;
-    }
-    /**
-     * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).
-     * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature.
-     */
-    interface HTMLAtomicProductChildrenElement extends Components.AtomicProductChildren, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLAtomicProductChildrenElementEventMap>(type: K, listener: (this: HTMLAtomicProductChildrenElement, ev: AtomicProductChildrenCustomEvent<HTMLAtomicProductChildrenElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLAtomicProductChildrenElementEventMap>(type: K, listener: (this: HTMLAtomicProductChildrenElement, ev: AtomicProductChildrenCustomEvent<HTMLAtomicProductChildrenElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLAtomicProductChildrenElement: {
-        prototype: HTMLAtomicProductChildrenElement;
-        new (): HTMLAtomicProductChildrenElement;
-    };
     /**
      * @alpha The `atomic-product-description` component renders the description of a product.
      */
@@ -5301,7 +5240,6 @@ declare global {
         "atomic-commerce-facet-number-input": HTMLAtomicCommerceFacetNumberInputElement;
         "atomic-commerce-facets": HTMLAtomicCommerceFacetsElement;
         "atomic-commerce-numeric-facet": HTMLAtomicCommerceNumericFacetElement;
-        "atomic-commerce-query-error": HTMLAtomicCommerceQueryErrorElement;
         "atomic-commerce-timeframe-facet": HTMLAtomicCommerceTimeframeFacetElement;
         "atomic-did-you-mean": HTMLAtomicDidYouMeanElement;
         "atomic-external": HTMLAtomicExternalElement;
@@ -5372,7 +5310,6 @@ declare global {
         "atomic-numeric-range": HTMLAtomicNumericRangeElement;
         "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
-        "atomic-product-children": HTMLAtomicProductChildrenElement;
         "atomic-product-description": HTMLAtomicProductDescriptionElement;
         "atomic-product-excerpt": HTMLAtomicProductExcerptElement;
         "atomic-product-field-condition": HTMLAtomicProductFieldConditionElement;
@@ -5762,12 +5699,6 @@ declare namespace LocalJSX {
          */
         "summary": Summary<SearchSummaryState | ProductListingSummaryState>;
     }
-    /**
-     * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error.
-     * @alpha 
-     */
-    interface AtomicCommerceQueryError {
-    }
     /**
      * A facet is a list of values for a certain field occurring in the results.
      * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -6932,25 +6863,6 @@ declare namespace LocalJSX {
      */
     interface AtomicPopover {
     }
-    /**
-     * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).
-     * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature.
-     */
-    interface AtomicProductChildren {
-        /**
-          * A fallback image URL to use when the specified `field` is not defined on a given child product, or when its value is invalid.
-         */
-        "fallback"?: string;
-        /**
-          * The child product field to use to render product children images. Fields in the `additionalFields` property of the child products are supported.  This field should be defined on each child product, and its value should be an image URL (or an array of image URLs, in which case the component will use the first one in the array).
-         */
-        "field"?: string;
-        /**
-          * The non-localized label to display for the product children section.  Set this to an empty string if you do not want to render the label at all.
-         */
-        "label"?: string;
-        "onAtomic/selectChildProduct"?: (event: AtomicProductChildrenCustomEvent<SelectChildProductEventArgs>) => void;
-    }
     /**
      * @alpha The `atomic-product-description` component renders the description of a product.
      */
@@ -8592,7 +8504,6 @@ declare namespace LocalJSX {
         "atomic-commerce-facet-number-input": AtomicCommerceFacetNumberInput;
         "atomic-commerce-facets": AtomicCommerceFacets;
         "atomic-commerce-numeric-facet": AtomicCommerceNumericFacet;
-        "atomic-commerce-query-error": AtomicCommerceQueryError;
         "atomic-commerce-timeframe-facet": AtomicCommerceTimeframeFacet;
         "atomic-did-you-mean": AtomicDidYouMean;
         "atomic-external": AtomicExternal;
@@ -8663,7 +8574,6 @@ declare namespace LocalJSX {
         "atomic-numeric-range": AtomicNumericRange;
         "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
-        "atomic-product-children": AtomicProductChildren;
         "atomic-product-description": AtomicProductDescription;
         "atomic-product-excerpt": AtomicProductExcerpt;
         "atomic-product-field-condition": AtomicProductFieldCondition;
@@ -8824,11 +8734,6 @@ declare module "@stencil/core" {
              * @alpha 
              */
             "atomic-commerce-numeric-facet": LocalJSX.AtomicCommerceNumericFacet & JSXBase.HTMLAttributes<HTMLAtomicCommerceNumericFacetElement>;
-            /**
-             * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error.
-             * @alpha 
-             */
-            "atomic-commerce-query-error": LocalJSX.AtomicCommerceQueryError & JSXBase.HTMLAttributes<HTMLAtomicCommerceQueryErrorElement>;
             /**
              * A facet is a list of values for a certain field occurring in the results.
              * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
@@ -8992,11 +8897,6 @@ declare module "@stencil/core" {
              * The `atomic-popover` component displays any facet as a popover menu.
              */
             "atomic-popover": LocalJSX.AtomicPopover & JSXBase.HTMLAttributes<HTMLAtomicPopoverElement>;
-            /**
-             * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).
-             * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature.
-             */
-            "atomic-product-children": LocalJSX.AtomicProductChildren & JSXBase.HTMLAttributes<HTMLAtomicProductChildrenElement>;
             /**
              * @alpha The `atomic-product-description` component renders the description of a product.
              */

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-18T03:13:41",
+  "timestamp": "2025-07-23T02:57:35",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2920,77 +2920,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-commerce-query-error",
-      "docs": "The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error.",
-      "docsTags": [
-        {
-          "name": "part",
-          "text": "icon - The SVG related to the error."
-        },
-        {
-          "name": "part",
-          "text": "title - The title of the error."
-        },
-        {
-          "name": "part",
-          "text": "description - A description of the error."
-        },
-        {
-          "name": "part",
-          "text": "doc-link - A link to the relevant documentation."
-        },
-        {
-          "name": "part",
-          "text": "more-info-btn - A button to request additional error information."
-        },
-        {
-          "name": "part",
-          "text": "error-info - Additional error information."
-        },
-        {
-          "name": "alpha"
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "description",
-          "docs": "A description of the error."
-        },
-        {
-          "name": "doc-link",
-          "docs": "A link to the relevant documentation."
-        },
-        {
-          "name": "error-info",
-          "docs": "Additional error information."
-        },
-        {
-          "name": "icon",
-          "docs": "The SVG related to the error."
-        },
-        {
-          "name": "more-info-btn",
-          "docs": "A button to request additional error information."
-        },
-        {
-          "name": "title",
-          "docs": "The title of the error."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx",
       "encapsulation": "shadow",
@@ -6633,117 +6562,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/commerce/atomic-product-children/atomic-product-children.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-product-children",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "alpha",
-          "text": "The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).\n\nThis component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "fallback",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "fallback",
-          "reflectToAttr": true,
-          "docs": "A fallback image URL to use when the specified `field` is not defined on a given child product, or when its value is invalid.",
-          "docsTags": [],
-          "default": "'data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\"%3E%3Crect width=\"50\" height=\"50\" fill=\"none\" stroke=\"gray\"%3E%3C/rect%3E%3C/svg%3E'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "field",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "field",
-          "reflectToAttr": true,
-          "docs": "The child product field to use to render product children images. Fields in the `additionalFields` property of the child products are supported.\n\nThis field should be defined on each child product, and its value should be an image URL (or an array of image URLs, in which case the component will use the first one in the array).",
-          "docsTags": [],
-          "default": "'ec_thumbnails'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "label",
-          "reflectToAttr": false,
-          "docs": "The non-localized label to display for the product children section.\n\nSet this to an empty string if you do not want to render the label at all.",
-          "docsTags": [],
-          "default": "'available-in'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "atomic/selectChildProduct",
-          "detail": "SelectChildProductEventArgs",
-          "bubbles": true,
-          "complexType": {
-            "original": "SelectChildProductEventArgs",
-            "resolved": "SelectChildProductEventArgs",
-            "references": {
-              "SelectChildProductEventArgs": {
-                "location": "import",
-                "path": "./select-child-product-event",
-                "id": "src/components/commerce/atomic-product-children/select-child-product-event.ts::SelectChildProductEventArgs"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/commerce/atomic-product-description/atomic-product-description.tsx",
       "encapsulation": "none",
@@ -18276,11 +18094,6 @@
       "docstring": "",
       "path": "src/components/common/item-list/stencil-item-list-common.tsx"
     },
-    "src/components/commerce/atomic-product-children/select-child-product-event.ts::SelectChildProductEventArgs": {
-      "declaration": "export interface SelectChildProductEventArgs {\n  child: ChildProduct;\n}",
-      "docstring": "",
-      "path": "src/components/commerce/atomic-product-children/select-child-product-event.ts"
-    },
     "src/components/common/expandable-text/stencil-expandable-text.tsx::TruncateAfter": {
       "declaration": "export type TruncateAfter = 'none' | '1' | '2' | '3' | '4';",
       "docstring": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.30.0-pre.e4f0574e6b",
+  "version": "3.30.0",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -70,9 +70,9 @@
     "validate:definitions": "tsc --noEmit --esModuleInterop --skipLibCheck ./dist/types/components.d.ts"
   },
   "dependencies": {
-    "@lit/context": "1.1.5",
-    "@coveo/bueno": "1.0.22-pre.e4f0574e6b",
-    "@coveo/headless": "3.27.5-pre.e4f0574e6b",
+    "@lit/context": "1.1.6",
+    "@coveo/bueno": "1.0.22",
+    "@coveo/headless": "3.27.5",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.27.2",
     "@stencil/core": "4.20.0",
@@ -82,7 +82,7 @@
     "focus-visible": "5.2.1",
     "i18next": "24.2.3",
     "i18next-http-backend": "3.0.2",
-    "lit": "3.3.0",
+    "lit": "3.3.1",
     "marked": "12.0.2",
     "stencil-inline-svg": "1.1.0",
     "ts-debounce": "4.0.0"
@@ -91,7 +91,7 @@
     "@axe-core/playwright": "4.10.2",
     "@coveo/ci": "1.0.0",
     "@custom-elements-manifest/analyzer": "0.10.4",
-    "@playwright/test": "1.53.2",
+    "@playwright/test": "1.54.1",
     "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-commonjs": "28.0.6",
     "@rollup/plugin-json": "6.1.0",
@@ -118,10 +118,10 @@
     "@types/escape-html": "1.0.4",
     "@types/jest": "29.5.12",
     "@types/lodash": "4.17.20",
-    "@types/node": "22.16.0",
+    "@types/node": "22.16.4",
     "@types/postcss-import": "14.0.3",
     "@types/puppeteer": "7.0.4",
-    "@vitest/browser": "3.2.1",
+    "@vitest/browser": "3.2.4",
     "@whitespace/storybook-addon-html": "6.1.1",
     "axe-core": "4.10.3",
     "chalk": "5.4.1",
@@ -139,13 +139,13 @@
     "local-web-server": "5.4.0",
     "natural-orderby": "5.0.0",
     "ora": "8.2.0",
-    "playwright": "1.53.2",
+    "playwright": "1.54.1",
     "postcss": "8.5.6",
     "postcss-load-config": "6.0.1",
     "postcss-nested": "7.0.2",
-    "puppeteer": "24.11.2",
+    "puppeteer": "24.13.0",
     "react": "19.1.0",
-    "rollup": "4.44.1",
+    "rollup": "4.45.0",
     "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-html": "0.2.1",
     "shadow-dom-testing-library": "1.12.0",
@@ -156,12 +156,12 @@
     "ts-node": "10.9.2",
     "typescript": "5.8.3",
     "vite": "6.3.5",
-    "vitest": "3.2.1",
+    "vitest": "3.2.4",
     "wait-on": "8.0.3"
   },
   "peerDependencies": {
-    "@coveo/bueno": "1.0.22-pre.e4f0574e6b",
-    "@coveo/headless": "3.27.5-pre.e4f0574e6b",
+    "@coveo/bueno": "1.0.22",
+    "@coveo/headless": "3.27.5",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/atomic-commerce-query-error.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicCommerceQueryError extends Components.AtomicCommerceQueryError, HTMLElement {}
-export const AtomicCommerceQueryError: {
-    prototype: AtomicCommerceQueryError;
-    new (): AtomicCommerceQueryError;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;