@coveo/atomic 3.33.9-pre.f81b55a35b → 3.34.0-pre.00dc0c9faa

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-02T12:30:51",
+  "timestamp": "2025-10-03T21:39:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -3346,14 +3346,6 @@
           "atomic-result",
           "atomic-result-placeholder",
           "atomic-result-table-placeholder"
-        ],
-        "atomic-result-placeholder": [
-          "atomic-result-section-visual",
-          "atomic-result-section-badges",
-          "atomic-result-section-actions",
-          "atomic-result-section-title",
-          "atomic-result-section-excerpt",
-          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -5833,172 +5825,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/search/atomic-pager/atomic-pager.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-pager",
-      "docs": "The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.",
-      "docsTags": [
-        {
-          "name": "part",
-          "text": "buttons - The list of the next/previous buttons and page-buttons."
-        },
-        {
-          "name": "part",
-          "text": "page-buttons - The list of page buttons."
-        },
-        {
-          "name": "part",
-          "text": "page-button - The page button."
-        },
-        {
-          "name": "part",
-          "text": "active-page-button - The active page button."
-        },
-        {
-          "name": "part",
-          "text": "previous-button - The previous button."
-        },
-        {
-          "name": "part",
-          "text": "next-button - The next button."
-        },
-        {
-          "name": "part",
-          "text": "previous-button-icon - Icon of the previous button."
-        },
-        {
-          "name": "part",
-          "text": "next-button-icon - Icon of the next button."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "nextButtonIcon",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "next-button-icon",
-          "reflectToAttr": true,
-          "docs": "The SVG icon to use to display the Next button.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
-          "docsTags": [],
-          "default": "ArrowRightIcon",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "numberOfPages",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "number-of-pages",
-          "reflectToAttr": true,
-          "docs": "Specifies how many page buttons to display in the pager.",
-          "docsTags": [],
-          "default": "5",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "previousButtonIcon",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "previous-button-icon",
-          "reflectToAttr": true,
-          "docs": "The SVG icon to use to display the Previous button.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
-          "docsTags": [],
-          "default": "ArrowLeftIcon",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "atomic/scrollToTop",
-          "detail": "any",
-          "bubbles": true,
-          "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "active-page-button",
-          "docs": "The active page button."
-        },
-        {
-          "name": "buttons",
-          "docs": "The list of the next/previous buttons and page-buttons."
-        },
-        {
-          "name": "next-button",
-          "docs": "The next button."
-        },
-        {
-          "name": "next-button-icon",
-          "docs": "Icon of the next button."
-        },
-        {
-          "name": "page-button",
-          "docs": "The page button."
-        },
-        {
-          "name": "page-buttons",
-          "docs": "The list of page buttons."
-        },
-        {
-          "name": "previous-button",
-          "docs": "The previous button."
-        },
-        {
-          "name": "previous-button-icon",
-          "docs": "Icon of the previous button."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/search/facets/atomic-popover/atomic-popover.tsx",
       "encapsulation": "shadow",
@@ -8472,14 +8298,6 @@
           "atomic-recs-result",
           "atomic-result-placeholder",
           "atomic-result-table-placeholder"
-        ],
-        "atomic-result-placeholder": [
-          "atomic-result-section-visual",
-          "atomic-result-section-badges",
-          "atomic-result-section-actions",
-          "atomic-result-section-title",
-          "atomic-result-section-excerpt",
-          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -10039,14 +9857,6 @@
           "atomic-result",
           "atomic-result-placeholder",
           "atomic-result-table-placeholder"
-        ],
-        "atomic-result-placeholder": [
-          "atomic-result-section-visual",
-          "atomic-result-section-badges",
-          "atomic-result-section-actions",
-          "atomic-result-section-title",
-          "atomic-result-section-excerpt",
-          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -10911,14 +10721,6 @@
           "atomic-result-placeholder",
           "atomic-result-table-placeholder",
           "atomic-text"
-        ],
-        "atomic-result-placeholder": [
-          "atomic-result-section-visual",
-          "atomic-result-section-badges",
-          "atomic-result-section-actions",
-          "atomic-result-section-title",
-          "atomic-result-section-excerpt",
-          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -11365,248 +11167,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-actions.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-actions",
-      "docs": "This section allows the information seeker to perform an action on an item without having to view its details.\nFor example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.\n\nBehavior:\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n** You should ensure that elements inside of it have `height: var(--line-height)`.\n* Is a wrapping flexbox with a gap.\n* May appear over, next to, or beneath the visual section.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-result-placeholder"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-result-placeholder": [
-          "atomic-result-section-actions"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-badges.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-badges",
-      "docs": "This section provides badges that highlight special features of the item.\n\nBehavior:\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n** You should ensure that elements inside of it have `height: var(--line-height)`.\n* Is a wrapping flexbox with a gap.\n* May appear over, next to, or beneath the visual section.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-result-placeholder"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-result-placeholder": [
-          "atomic-result-section-badges"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-bottom-metadata.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-bottom-metadata",
-      "docs": "This section displays additional descriptive information about the item.\n\nBehavior:\n* Has a maximum height of two lines.\n** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.\n* Exposes the `--line-height` variable so child elements can adjust to the current line height.\n* Has a defined CSS `color` property for text.\n* Has a font weight.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-result-placeholder"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-result-placeholder": [
-          "atomic-result-section-bottom-metadata"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-children.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-children",
-      "docs": "This section displays the folded results, available when using the <atomic-result-children> component.\n\nBehavior:\n* Shows children at the bottom of the result, indented and wrapped in a border.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-emphasized.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-emphasized",
-      "docs": "This section displays the field that's important for its search criteria.\nFor example, in Commerce, a product's cost is often more important than the title itself.\n\nBehavior:\n* Has a very large font size.\n* Is the second closest element beneath the title section.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-excerpt.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-excerpt",
-      "docs": "This section contains an informative summary of the item's content.\n\nBehavior:\n* Has a fixed height of one to three lines, depending on the layout and density.\n* Ellipses overflowing text.\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n* Has a defined CSS `color` property for text.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-result-placeholder"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-result-placeholder": [
-          "atomic-result-section-excerpt"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-title",
-      "docs": "This section identifies the item by its name, and its main use is to make the result list scannable.\nThis is usually the page title.\n\nBehavior:\n* Has a fixed height of two lines on grid layouts.\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n* Has a defined CSS `color` property for text.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-result-placeholder"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-result-placeholder": [
-          "atomic-result-section-title"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title-metadata.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-title-metadata",
-      "docs": "This section surfaces some fields that are directly related to the title of the item.\nFor example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,\nrather than to the product's description.\n\nBehavior:\n* Has a very small font size.\n* Is the closest element beneath the title section.",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-visual.tsx",
-      "encapsulation": "none",
-      "tag": "atomic-result-section-visual",
-      "docs": "This section provides visual information about the item.\nFor example, in Commerce, an image is a great shorthand for a product category.\nAn icon can quickly show the item type, or an avatar can help identify to whom it is related.\n\nBehavior:\n* Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.\n** When the image size is set to `icon`, this section stays very small.\n** You should ensure that elements inside of it take the available space.\n* Always has a 1:1 aspect ratio.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "imageSize",
-          "type": "\"icon\" | \"large\" | \"none\" | \"small\" | undefined",
-          "complexType": {
-            "original": "ItemDisplayImageSize",
-            "resolved": "\"icon\" | \"large\" | \"none\" | \"small\" | undefined",
-            "references": {
-              "ItemDisplayImageSize": {
-                "location": "import",
-                "path": "../../../common/layout/display-options",
-                "id": "src/components/common/layout/display-options.ts::ItemDisplayImageSize"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "image-size",
-          "reflectToAttr": true,
-          "docs": "How large or small the visual section of results using this template should be.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "icon",
-              "type": "string"
-            },
-            {
-              "value": "large",
-              "type": "string"
-            },
-            {
-              "value": "none",
-              "type": "string"
-            },
-            {
-              "value": "small",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-result-placeholder"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-result-placeholder": [
-          "atomic-result-section-visual"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/result-templates/atomic-result-template/atomic-result-template.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.33.9-pre.f81b55a35b",
+  "version": "3.34.0-pre.00dc0c9faa",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {

package/dist/atomic/components/atomic-pager.d.ts

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