@warp-ds/elements 2.3.2 → 2.4.0-next.2

package/dist/packages/checkbox/checkbox-group.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class WCheckboxGroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-checkbox-group': WCheckboxGroup;
+    }
+}

package/dist/packages/checkbox/checkbox-group.js

@@ -0,0 +1,7 @@
+import{css as t,html as c,LitElement as o}from"lit";var e=class extends o{render(){return c`<slot part="checkbox-group"></slot>`}};e.styles=t`
+    [part="checkbox-group"] {
+      display: grid;
+      gap: 16px;
+    }
+  `;customElements.get("w-checkbox-group")||customElements.define("w-checkbox-group",e);export{e as WCheckboxGroup};
+//# sourceMappingURL=checkbox-group.js.map

package/dist/packages/checkbox/checkbox-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/checkbox/checkbox-group.ts"],
+  "sourcesContent": ["import { css, html, LitElement } from 'lit';\n\nexport class WCheckboxGroup extends LitElement {\n  static styles = css`\n    [part=\"checkbox-group\"] {\n      display: grid;\n      gap: 16px;\n    }\n  `;\n  render() {\n    return html`<slot part=\"checkbox-group\"></slot>`;\n  }\n}\n\nif (!customElements.get('w-checkbox-group')) {\n  customElements.define('w-checkbox-group', WCheckboxGroup);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'w-checkbox-group': WCheckboxGroup;\n  }\n}\n"],
+  "mappings": "AAAA,OAAS,OAAAA,EAAK,QAAAC,EAAM,cAAAC,MAAkB,MAE/B,IAAMC,EAAN,cAA6BD,CAAW,CAO7C,QAAS,CACP,OAAOD,sCACT,CACF,EAVaE,EACJ,OAASH;AAAA;AAAA;AAAA;AAAA;AAAA,IAWb,eAAe,IAAI,kBAAkB,GACxC,eAAe,OAAO,mBAAoBG,CAAc",
+  "names": ["css", "html", "LitElement", "WCheckboxGroup"]
+}

package/dist/packages/checkbox/checkbox.d.ts

@@ -0,0 +1,66 @@
+import type { PropertyValues } from 'lit';
+import { BaseFormAssociatedElement } from '../radio/form-associated-element';
+import '@warp-ds/icons/elements/check-16';
+export declare class WCheckbox extends BaseFormAssociatedElement {
+    static css: import("lit").CSSResult[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static get validators(): import("../radio/form-associated-element").Validator<BaseFormAssociatedElement>[];
+    private readonly hasSlotController;
+    input: HTMLInputElement;
+    title: string;
+    /** The name of the checkbox, submitted as a name/value pair with form data. */
+    name: string;
+    private _value;
+    /** The value of the checkbox, submitted as a name/value pair with form data. */
+    get value(): string | null;
+    set value(val: string | null);
+    /** The checkbox's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Disables the checkbox. */
+    disabled: boolean;
+    /**
+     * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
+     * all/none" behavior when associated checkboxes have a mix of checked and unchecked states.
+     */
+    indeterminate: boolean;
+    /** Draws the checkbox in a checked state. */
+    checked: boolean;
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultChecked: boolean;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: any;
+    /** Makes the checkbox a required field. */
+    required: boolean;
+    /** The checkbox's hint. If you need to display HTML, use the `hint` slot instead. */
+    hint: string;
+    connectedCallback(): void;
+    private setInitialAttributes;
+    private handleClick;
+    handleDefaultCheckedChange(): void;
+    handleValueOrCheckedChange(): void;
+    handleStateChange(): void;
+    handleDisabledChange(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    formResetCallback(): void;
+    /** Simulates a click on the checkbox. */
+    click(): void;
+    /** Sets focus on the checkbox. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the checkbox. */
+    blur(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-checkbox': WCheckbox;
+    }
+}