@crowdstrike/glide-core 0.13.1 → 0.14.0

package/dist/tag.test.interactions.js

@@ -1,36 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { aTimeout, expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreTag from './tag.js';
-GlideCoreTag.shadowRootOptions.mode = 'open';
-it('removes itself on click', async () => {
-    const component = await fixture(html `<glide-core-tag label="Label" removable></glide-core-tag>`);
-    component.click();
-    const animationDuration = component.shadowRoot?.querySelector('[data-test="component"]')?.dataset.animationDuration;
-    await aTimeout(Number(animationDuration));
-    expect(document.querySelector('glide-core-tag')).to.be.null;
-});
-it('does not remove itself on click when disabled', async () => {
-    const component = await fixture(html `<glide-core-tag label="Label" disabled removable></glide-core-tag>`);
-    component.click();
-    const animationDuration = component.shadowRoot?.querySelector('[data-test="component"]')?.dataset.animationDuration;
-    await aTimeout(Number(animationDuration));
-    expect(document.querySelector('glide-core-tag') instanceof GlideCoreTag).to.be
-        .true;
-});
-it('removes itself on Space', async () => {
-    const component = await fixture(html `<glide-core-tag label="Label" removable></glide-core-tag>`);
-    component.focus();
-    await sendKeys({ press: ' ' });
-    const animationDuration = component.shadowRoot?.querySelector('[data-test="component"]')?.dataset.animationDuration;
-    await aTimeout(Number(animationDuration));
-    expect(document.querySelector('glide-core-tag')).to.be.null;
-});
-it('removes itself on Enter', async () => {
-    const component = await fixture(html `<glide-core-tag label="Label" removable></glide-core-tag>`);
-    component.focus();
-    await sendKeys({ press: 'Enter' });
-    const animationDuration = component.shadowRoot?.querySelector('[data-test="component"]')?.dataset.animationDuration;
-    await aTimeout(Number(animationDuration));
-    expect(document.querySelector('glide-core-tag')).to.be.null;
-});

package/dist/textarea.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Textarea: StoryObj;
-export declare const WithError: StoryObj;

package/dist/textarea.test.basics.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/textarea.test.basics.js

@@ -1,177 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreTextarea from './textarea.js';
-GlideCoreTextarea.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-textarea')).to.equal(GlideCoreTextarea);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-    ></glide-core-textarea>`);
-    await expect(component).to.be.accessible();
-});
-it('renders a textarea with two rows and value when attribute `value` is set ', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(component);
-    expect(component?.getAttribute('rows')).to.equal('2');
-    expect(textarea).to.exist;
-    expect(textarea?.getAttribute('rows')).to.equal('2');
-});
-it('renders the `rows` attribute on the textarea when set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      rows="5"
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(textarea?.getAttribute('rows')).to.equal('5');
-});
-it('renders a label when attribute `label` is set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-    ></glide-core-textarea>`);
-    const label = component.shadowRoot.querySelector('label');
-    expect(label).to.exist;
-    expect(label?.textContent?.trim()).to.be.equal('label');
-});
-it('renders the textarea as readonly when attribute `readonly` is set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      readonly
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(textarea?.hasAttribute('readonly')).to.be.true;
-});
-it('renders the textarea as disabled when attribute `disabled` is set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      disabled
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(textarea?.hasAttribute('disabled')).to.be.true;
-});
-it('renders the textarea with a placeholder when attribute `placeholder` is set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value=""
-      label="label"
-      placeholder="placeholder"
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(textarea?.getAttribute('placeholder')).to.equal('placeholder');
-});
-it('renders `required` on textarea when set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      required
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(textarea?.hasAttribute('required')).to.be.true;
-});
-it('renders a `name` attribute on the textarea when set', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      name="test-name"
-    ></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    expect(textarea?.getAttribute('name')).to.equal('test-name');
-});
-it('supports a "tooltip" slot', async () => {
-    const component = await fixture(html `
-    <glide-core-textarea value="value" label="label" required>
-      <div slot="tooltip">Tooltip</div>
-    </glide-core-textarea>
-  `);
-    const assignedElements = component.shadowRoot
-        ?.querySelector('slot[name="tooltip"]')
-        ?.assignedElements();
-    expect(assignedElements?.at(0)?.textContent).to.equal('Tooltip');
-});
-it('renders a slot with description', async () => {
-    const component = await fixture(html `<glide-core-textarea value="value" label="label"
-      ><span slot="description" data-test-content
-        >Description</span
-      ></glide-core-textarea
-    >`);
-    expect(component).to.exist;
-    const contentRendered = component.querySelector('[data-test-content]');
-    expect(contentRendered).to.exist;
-    expect(contentRendered?.textContent).to.be.equal('Description');
-});
-it('displays visually hidden character count text for screenreaders', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      label="label"
-      maxlength="10"
-    ></glide-core-textarea>`);
-    const maxCharacterCountAnnouncement = component.shadowRoot?.querySelector('[data-test="character-count-announcement"]');
-    expect(maxCharacterCountAnnouncement?.textContent?.trim()).to.equal('Character count 0 of 10');
-});
-it('renders a character count when attribute `maxlength` is set greater than zero', async () => {
-    const component = await fixture(html `<glide-core-textarea value="value" label="label" maxlength="10"
-      ><span slot="description">Description</span></glide-core-textarea
-    >`);
-    const container = component.shadowRoot.querySelector('[data-test="character-count-text"]');
-    expect(container?.textContent?.trim()).to.be.equal('5/10');
-});
-it('does not render a character count when attribute `maxlength` is set less than than zero', async () => {
-    const component = await fixture(html `<glide-core-textarea value="value" label="label" maxlength="0"
-      ><span slot="description">Description</span></glide-core-textarea
-    >`);
-    const container = component.shadowRoot?.querySelector('[data-test="character-count-container"]');
-    expect(container).to.be.null;
-});
-it('focuses the textarea when the label is clicked', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-    ></glide-core-textarea>`);
-    const label = component.shadowRoot.querySelector('label');
-    label?.click();
-    expect(component).to.have.focus;
-    await expect(component.shadowRoot?.activeElement?.tagName.toLocaleLowerCase()).to.be.equal('textarea');
-});
-it('has tabbable textarea', async () => {
-    const component = await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-    ></glide-core-textarea>`);
-    await sendKeys({ press: 'Tab' });
-    expect(component).to.have.focus;
-    await expect(component.shadowRoot?.activeElement?.tagName.toLocaleLowerCase()).to.be.equal('textarea');
-});
-it('renders text when typed into text area', async () => {
-    const component = await fixture(html `<glide-core-textarea value="" label="label"></glide-core-textarea>`);
-    const textarea = component.shadowRoot.querySelector('textarea');
-    component.focus();
-    await sendKeys({ type: 'test text' });
-    expect(textarea?.value).to.equal('test text');
-});
-it('returns the content of the textarea when getting the `value` property', async () => {
-    const component = await fixture(html `<glide-core-textarea value="" label="label"></glide-core-textarea>`);
-    component.focus();
-    await sendKeys({ type: 'test text' });
-    expect(component.value).to.equal('test text');
-});
-it('focuses the textarea when `focus()` is called', async () => {
-    const component = await fixture(html `<glide-core-textarea value="" label="label"></glide-core-textarea>`);
-    component.focus();
-    await expect(component.shadowRoot?.activeElement?.tagName.toLocaleLowerCase()).to.be.equal('textarea');
-});
-it('blurs the textarea when `blur` is called', async () => {
-    const component = await fixture(html `<glide-core-textarea value="" label="label"></glide-core-textarea>`);
-    component.focus();
-    await expect(component.shadowRoot?.activeElement?.tagName.toLocaleLowerCase()).to.be.equal('textarea');
-    component.blur();
-    await expect(component.shadowRoot?.activeElement?.tagName.toLocaleLowerCase()).to.not.equal('textarea');
-});

package/dist/textarea.test.events.d.ts

@@ -1 +0,0 @@
-import './textarea.js';

package/dist/textarea.test.events.js

@@ -1,106 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './textarea.js';
-import * as sinon from 'sinon';
-import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-it('dispatches a `input` event when typed in', async () => {
-    const component = await fixture(html `<glide-core-textarea label="label"></glide-core-textarea>`);
-    setTimeout(async () => {
-        component.focus();
-        await sendKeys({ type: 'testing' });
-        component.blur();
-    });
-    const event = await oneEvent(component, 'input');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('dispatches an `change` event when typed in', async () => {
-    const component = await fixture(html `<glide-core-textarea label="label"></glide-core-textarea>`);
-    setTimeout(async () => {
-        component.focus();
-        await sendKeys({ type: 'testing' });
-        component.blur();
-    });
-    const event = await oneEvent(component, 'change');
-    expect(event instanceof Event).to.be.true;
-    expect(event.bubbles).to.be.true;
-});
-it('dispatches an `invalid` event on submit when required and no value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea label="label" required></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    setTimeout(() => form.requestSubmit());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches an `invalid` event after `checkValidity` is called when required and no value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea label="label" required></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    setTimeout(() => component.checkValidity());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('dispatches an `invalid` event after `reportValidity` is called when required and no value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea label="label" required></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    setTimeout(() => component.reportValidity());
-    const event = await oneEvent(component, 'invalid');
-    expect(event instanceof Event).to.be.true;
-});
-it('does not dispatch an `invalid` event after `checkValidity` is called when not required', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea label="label"></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.checkValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an `invalid` event after `checkValidity` is called when required, no value, and disabled', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea
-      label="label"
-      required
-      disabled
-    ></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.checkValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an `invalid` event when `reportValidity` is called when not required,', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea label="label"></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.reportValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});
-it('does not dispatch an `invalid` event when `reportValidity` is called when required, no value, and disabled', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea
-      label="label"
-      required
-      disabled
-    ></glide-core-textarea>`, {
-        parentNode: form,
-    });
-    const spy = sinon.spy();
-    component.addEventListener('invalid', spy);
-    component.reportValidity();
-    await aTimeout(0);
-    expect(spy.callCount).to.equal(0);
-});

package/dist/textarea.test.form.d.ts

@@ -1 +0,0 @@
-import './textarea.js';

package/dist/textarea.test.form.js

@@ -1,71 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './textarea.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-it('can be reset to initial value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea
-      value="testing"
-      label="label"
-    ></glide-core-textarea>`, { parentNode: form });
-    component.focus();
-    await sendKeys({ type: '-value' });
-    await expect(component.value).to.equal('testing-value');
-    form.reset();
-    expect(component.value).to.equal('testing');
-});
-it('can be reset if there was no initial value', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea label="label"></glide-core-textarea>`, { parentNode: form });
-    component.value = 'value';
-    form.reset();
-    expect(component.value).to.equal('');
-});
-it('has `formData` when it has a `value` and `name`', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      name="name"
-    ></glide-core-textarea>`, { parentNode: form });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.equal('value');
-});
-it('has `formData` when text is entered and has a `name`', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html `<glide-core-textarea
-      value=""
-      label="label"
-      name="name"
-    ></glide-core-textarea>`, { parentNode: form });
-    component?.focus();
-    await sendKeys({ type: 'testing' });
-    const formData = new FormData(form);
-    expect(formData.get('name')).to.be.equal('testing');
-});
-it('has no `formData` value when it has a value and is disabled', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-      name="test-name"
-      disabled
-    ></glide-core-textarea>`, { parentNode: form });
-    const formData = new FormData(form);
-    expect(formData.get('test-name')).to.be.null;
-});
-it('appends no `formData` when it has a value and no `name`', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-textarea
-      value="value"
-      label="label"
-    ></glide-core-textarea>`, { parentNode: form });
-    const formData = new FormData(form);
-    expect(formData).to.be.empty;
-});
-it('appends no `formData` when it has no value and a `name`', async () => {
-    const form = document.createElement('form');
-    await fixture(html `<glide-core-textarea label="label" name="name"></glide-core-textarea>`, { parentNode: form });
-    const formData = new FormData(form);
-    expect(formData).to.be.empty;
-});

package/dist/textarea.test.validity.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/textarea.test.validity.js

@@ -1,204 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreTextarea from './textarea.js';
-GlideCoreTextarea.shadowRootOptions.mode = 'open';
-it('is valid by default', async () => {
-    const component = await fixture(html `<glide-core-textarea></glide-core-textarea>`);
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.validity?.tooLong).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('is valid after being filled in and required', async () => {
-    const component = await fixture(html `<glide-core-textarea required></glide-core-textarea>`);
-    component.focus();
-    await sendKeys({ type: 'value' });
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.validity?.tooLong).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('is invalid if no value and required', async () => {
-    const component = await fixture(html `<glide-core-textarea required></glide-core-textarea>`);
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.validity?.tooLong).to.be.false;
-    expect(component.willValidate).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-});
-it('is valid if no value but required and disabled', async () => {
-    const component = await fixture(html `<glide-core-textarea required disabled></glide-core-textarea>`);
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.validity?.tooLong).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('updates validity when `required` and `value` is changed programmatically', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label" required></glide-core-textarea>`);
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-    component.value = 'text';
-    await elementUpdated(component);
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('false');
-    // Resetting the value to empty to ensure it goes
-    // back to an invalid state
-    component.value = '';
-    await elementUpdated(component);
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-});
-it('is invalid when `value` is empty and `required` is set to `true` programmatically', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label"></glide-core-textarea>`);
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('false');
-    component.required = true;
-    await elementUpdated(component);
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-});
-it('is valid when `value` is empty and `required` is set to `false` programmatically', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label" required></glide-core-textarea>`);
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.valueMissing).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    expect(component.reportValidity()).to.be.false;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-    component.required = false;
-    await elementUpdated(component);
-    expect(component.validity?.valid).to.be.true;
-    expect(component.validity?.valueMissing).to.be.false;
-    expect(component.checkValidity()).to.be.true;
-    expect(component.reportValidity()).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('false');
-});
-it('blurs the textarea and reports validity if `blur` is called', async () => {
-    const component = await fixture(html `<glide-core-textarea required></glide-core-textarea>`);
-    component.focus();
-    const textareaElement = component.shadowRoot?.querySelector('textarea');
-    expect(component.shadowRoot?.activeElement === textareaElement).to.be.true;
-    component.blur();
-    await component.updateComplete;
-    expect(component.shadowRoot?.activeElement === null).to.be.true;
-    expect(component.validity.valid).to.be.false;
-    expect(component.shadowRoot?.querySelector('glide-core-private-label')?.error)
-        .to.be.true;
-});
-it('sets the validity message with `setCustomValidity()`', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label"></glide-core-textarea>`);
-    component.setCustomValidity('validity message');
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.customError).to.be.true;
-    expect(component.checkValidity()).to.be.false;
-    await elementUpdated(component);
-    // Like native, the validity message shouldn't display until `reportValidity()` is called.
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-    expect(component.reportValidity()).to.be.false;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('removes a validity message with an empty argument to `setCustomValidity()`', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label"></glide-core-textarea>`);
-    component.setCustomValidity('validity message');
-    component.reportValidity();
-    await elementUpdated(component);
-    component.setCustomValidity('');
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-});
-it('is invalid when `setValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label"></glide-core-textarea>`);
-    component.setValidity({ customError: true }, 'validity message');
-    expect(component.validity.valid).to.be.false;
-    await elementUpdated(component);
-    // Like native, the validity message shouldn't display until `reportValidity()` is called.
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-    expect(component.validity?.customError).to.be.true;
-    component.reportValidity();
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('textarea')
-        ?.getAttribute('aria-invalid')).to.equal('true');
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.equal('validity message');
-});
-it('is valid when `setValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label"></glide-core-textarea>`);
-    component.setValidity({ customError: true }, 'validity message');
-    component.setValidity({});
-    await elementUpdated(component);
-    expect(component.validity.valid).to.be.true;
-    expect(component.validity.customError).to.be.false;
-    expect(component.reportValidity()).to.be.true;
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('[data-test="validity-message"]')
-        ?.textContent).to.be.undefined;
-});
-it('retains existing validity state when `setCustomValidity()` is called', async () => {
-    const component = await fixture(html `<glide-core-textarea label="Label" required></glide-core-textarea>`);
-    component.setCustomValidity('validity message');
-    expect(component.validity?.valid).to.be.false;
-    expect(component.validity?.customError).to.be.true;
-    expect(component.validity?.valueMissing).to.be.true;
-});

package/dist/toasts.stories.d.ts

@@ -1,7 +0,0 @@
-import './button.js';
-import './toasts.js';
-import './toasts.toast.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Toasts: StoryObj;

package/dist/toasts.test.basics.d.ts

@@ -1 +0,0 @@
-export {};