fix(alert-dialog): added missing imports (#5669)

* fix(alert-dialog): added missed direct dependencies

* fix(alert-dialog): added missed icon alert dependency

* chore: added stckblitz link to dcumentation

* ci: updated golden image cache

* ci: updated golden image cache

* ci: updated golden image cache

---------

Co-authored-by: Rajdeep Chandra <[email protected]>
Co-authored-by: Rajdeep Chandra <[email protected]>
Co-authored-by: Rajdeep Chandra <[email protected]>

Author: 4 people

.circleci/config.yml

@@ -22,7 +22,7 @@ parameters:
     # 3. Commit this change to the PR branch where the changes exist.
     current_golden_images_hash:
         type: string
-        default: e919c253a7cb75ee16c0ef680b50a032236f7275
+        default: 5cb7586aae24a30d566d452d4e0b3c934fe3b9f0
     wireit_cache_name:
         type: string
         default: wireit

packages/alert-dialog/README.md

@@ -6,6 +6,7 @@
 
 [![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/alert-dialog?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/alert-dialog)
 [![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/alert-dialog?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/alert-dialog)
+[![Try it on Stackblitz](https://img.shields.io/badge/Try%20it%20on-Stackblitz-blue?style=for-the-badge)](https://stackblitz.com/edit/vitejs-vite-1dvcjyvh)
 
 ```bash
 yarn add @spectrum-web-components/alert-dialog

packages/alert-dialog/src/AlertDialog.ts

@@ -20,6 +20,9 @@ import {
     query,
 } from '@spectrum-web-components/base/src/decorators.js';
 import '@spectrum-web-components/button/sp-button.js';
+import '@spectrum-web-components/button-group/sp-button-group.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';
+import '@spectrum-web-components/divider/sp-divider.js';
 import { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';
 import { randomID } from '@spectrum-web-components/shared/src/random-id.js';
 import { conditionAttributeWithId } from '@spectrum-web-components/base/src/condition-attribute-with-id.js';

packages/contextual-help/test/contextual-help.test.ts

@@ -31,12 +31,18 @@ describe('ContextualHelp', () => {
         const button = document
             .querySelector('sp-contextual-help')
             ?.shadowRoot?.querySelector('sp-action-button');
-        expect(button).to.have.attribute('aria-label', DEFAULT_ARIA_LABELS.info);
+        expect(button).to.have.attribute(
+            'aria-label',
+            DEFAULT_ARIA_LABELS.info
+        );
 
         el.variant = 'help';
 
         await elementUpdated(el);
-        expect(button).to.have.attribute('aria-label', DEFAULT_ARIA_LABELS.help);
+        expect(button).to.have.attribute(
+            'aria-label',
+            DEFAULT_ARIA_LABELS.help
+        );
     });
     it('is a popover on web', async () => {
         const el = await fixture<ContextualHelp>(ContextualHelpMarkup());
@@ -95,7 +101,10 @@ describe('ContextualHelp', () => {
 
         const trigger = el.shadowRoot?.querySelector('#trigger') as HTMLElement;
         expect(trigger).to.exist;
-        expect(trigger).to.have.attribute('aria-label', DEFAULT_ARIA_LABELS.info);
+        expect(trigger).to.have.attribute(
+            'aria-label',
+            DEFAULT_ARIA_LABELS.info
+        );
 
         const overlay = el.shadowRoot?.querySelector(
             'sp-overlay'