@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

package/dist/docs/snackbar-item/snackbar-item.md

@@ -12,7 +12,7 @@ See the `create` function on `w-snackbar` for a convenience API which helps you
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| action-placement | [`SnackbarActionPlacement`](#snackbaractionplacement) | `'inline'` | The placement of the action and close buttons. |
+| action-placement | [`SnackbarActionPlacement`](#snackbaractionplacement) | `"inline"` | The placement of the action and close buttons. |
 | close (JS only) | `close() => void` | `-` | Remove the snackbar item from the document. |
 | duration | `number` | `-` | How long the message should stay in the document before removing itself. |
 
@@ -23,7 +23,7 @@ See the `create` function on `w-snackbar` for a convenience API which helps you
 The placement of the action and close buttons.
 
 - Type: [`SnackbarActionPlacement`](#snackbaractionplacement)
-- Default: `'inline'`
+- Default: `"inline"`
 
 ##### close (JS only)
 

package/dist/index.d.ts

@@ -2671,7 +2671,18 @@ export type CustomElements = {
   >;
 
   /**
+   * Checkboxes allow users to select multiple options from a list of choices.
    *
+   * Use with `w-checkbox`.
+   *
+   * ## Architecture Note
+   * This component uses a <div> wrapper instead of the more semantic <fieldset> element.
+   * Note that w-radio-group uses <fieldset>, which provides better accessibility and follows
+   * HTML best practices. This inconsistency exists for historical reasons and may be addressed
+   * in a future major version to align both on the more semantic approach.
+   *
+   * TODO: Align w-checkbox-group to use <fieldset> in a future major version after assessing
+   * backwards compatibility implications (CSS selectors, etc.).
    *
    * ## Attributes & Properties
    *
@@ -3038,7 +3049,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `label`: Alternative to the `label` attribute should you need custom HTML.
-   * - `help-text`: Alternative to the `help-text` attribute should you need custom HTML.
+   * - `help-text`: Alternative to the `help-text` attribute should you need custom HTML. ## Architecture Note This component uses semantic <fieldset> element for grouping radio controls, which provides better accessibility and follows HTML best practices. Note that w-checkbox-group currently uses <div> instead - this inconsistency exists for historical reasons and may be addressed in a future major version to align both on the more semantic approach. TODO: Align w-checkbox-group to also use <fieldset> in a future major version after assessing backwards compatibility implications (CSS selectors, etc.).
    */
   "w-radio-group": Partial<
     WarpRadioGroupProps & BaseProps<WarpRadioGroup> & BaseEvents
@@ -3940,7 +3951,18 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
+   * Checkboxes allow users to select multiple options from a list of choices.
+   *
+   * Use with `w-checkbox`.
+   *
+   * ## Architecture Note
+   * This component uses a <div> wrapper instead of the more semantic <fieldset> element.
+   * Note that w-radio-group uses <fieldset>, which provides better accessibility and follows
+   * HTML best practices. This inconsistency exists for historical reasons and may be addressed
+   * in a future major version to align both on the more semantic approach.
    *
+   * TODO: Align w-checkbox-group to use <fieldset> in a future major version after assessing
+   * backwards compatibility implications (CSS selectors, etc.).
    *
    * ## Attributes & Properties
    *
@@ -4337,7 +4359,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `label`: Alternative to the `label` attribute should you need custom HTML.
-   * - `help-text`: Alternative to the `help-text` attribute should you need custom HTML.
+   * - `help-text`: Alternative to the `help-text` attribute should you need custom HTML. ## Architecture Note This component uses semantic <fieldset> element for grouping radio controls, which provides better accessibility and follows HTML best practices. Note that w-checkbox-group currently uses <div> instead - this inconsistency exists for historical reasons and may be addressed in a future major version to align both on the more semantic approach. TODO: Align w-checkbox-group to also use <fieldset> in a future major version after assessing backwards compatibility implications (CSS selectors, etc.).
    */
   "w-radio-group": Partial<
     WarpRadioGroupProps &

package/dist/packages/affix/affix.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-import '../icon/icon.js';
+import { LitElement } from "lit";
+import "../icon/icon.js";
 declare const WarpAffix_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
 /**
  * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
@@ -19,14 +19,14 @@ declare class WarpAffix extends WarpAffix_base {
      *
      * @summary Renders a clear icon button.
      * @description Shows a clickable close icon meant for reset/clear actions, typically in a suffix slot.
-    */
+     */
     clear: boolean;
     /**
      * Add this property to render a clickable Warp search icon.
      *
      * @summary Renders a search icon button.
      * @description Shows a clickable search icon, typically in a prefix slot for search fields.
-    */
+     */
     search: boolean;
     /**
      * @summary Text label shown as prefix/suffix content.

package/dist/packages/affix/affix.hydration.test.d.ts

@@ -1 +1 @@
-import './affix.js';
+import "./affix.js";

package/dist/packages/affix/affix.hydration.test.js

@@ -1,32 +1,32 @@
-import { afterEach, beforeEach, describe, expect, test } from 'vitest';
-import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
-import './affix.js';
-describe('w-affix React SSR hydration', () => {
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import { setupHydrationWarningCapture, testHydration, } from "../../tests/react-hydration";
+import "./affix.js";
+describe("w-affix React SSR hydration", () => {
     beforeEach(() => setupHydrationWarningCapture());
     afterEach(() => {
         window.__HYDRATION_WARNINGS__ = [];
     });
-    test('default (no attributes) hydrates without warnings', async () => {
-        const warnings = await testHydration('w-affix', {});
+    test("default (no attributes) hydrates without warnings", async () => {
+        const warnings = await testHydration("w-affix", {});
         expect(warnings).toEqual([]);
     });
-    test('with label hydrates without warnings', async () => {
-        const warnings = await testHydration('w-affix', {
-            label: 'kr',
+    test("with label hydrates without warnings", async () => {
+        const warnings = await testHydration("w-affix", {
+            label: "kr",
         });
         expect(warnings).toEqual([]);
     });
-    test('with search hydrates without warnings', async () => {
-        const warnings = await testHydration('w-affix', {
+    test("with search hydrates without warnings", async () => {
+        const warnings = await testHydration("w-affix", {
             search: true,
-            'aria-label': 'Search',
+            "aria-label": "Search",
         });
         expect(warnings).toEqual([]);
     });
-    test('with clear hydrates without warnings', async () => {
-        const warnings = await testHydration('w-affix', {
+    test("with clear hydrates without warnings", async () => {
+        const warnings = await testHydration("w-affix", {
             clear: true,
-            'aria-label': 'Clear',
+            "aria-label": "Clear",
         });
         expect(warnings).toEqual([]);
     });