@momentum-design/components - npm Package Compare versions

Comparing version 0.22.5 to 0.22.6

dist/components/checkbox/checkbox.component.d.ts

@@ -48,2 +48,4 @@ import { CSSResult, PropertyValues } from 'lit';
     /** @internal */
+    static shadowRootOptions: ShadowRootInit;
+    /** @internal */
     get form(): HTMLFormElement | null;
@@ -65,5 +67,11 @@ constructor();
      * Toggles the state of the checkbox element.
-     * and dispatch the new event.
+     * and dispatch the new change event.
      */
     handleChange(event: Event): void;
+    /**
+     * Handles the keydown event on the checkbox.
+     * When the user presses Enter, the form is submitted.
+     * @param event - The keyboard event.
+     */
+    private handleKeyDown;
     update(changedProperties: PropertyValues): void;
@@ -70,0 +78,0 @@ render(): import("lit-html").TemplateResult<1>;

dist/components/checkbox/checkbox.component.js

@@ -10,3 +10,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { html, nothing } from 'lit';
+import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
@@ -94,8 +94,20 @@ import { ifDefined } from 'lit/directives/if-defined.js';
      * Toggles the state of the checkbox element.
-     * and dispatch the new event.
+     * and dispatch the new change event.
      */
     handleChange(event) {
         this.toggleState();
-        this.dispatchEvent(new Event(event.type, event));
+        const EventConstructor = event.constructor;
+        this.dispatchEvent(new EventConstructor(event.type, event));
     }
+    /**
+     * Handles the keydown event on the checkbox.
+     * When the user presses Enter, the form is submitted.
+     * @param event - The keyboard event.
+     */
+    handleKeyDown(event) {
+        var _a;
+        if (event.key === 'Enter') {
+            (_a = this.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
+        }
+    }
     update(changedProperties) {
@@ -131,2 +143,3 @@ super.update(changedProperties);
           @change=${this.handleChange}
+          @keydown=${this.handleKeyDown}
         />
@@ -144,2 +157,7 @@ <div class="icon-container">${checkboxIconContent}</div>
 Checkbox.formAssociated = true;
+/** @internal */
+Checkbox.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
 Checkbox.styles = [...FormfieldWrapper.styles, ...styles];
@@ -146,0 +164,0 @@ __decorate([

dist/index.d.ts

@@ -17,6 +17,7 @@ import ThemeProvider from './components/themeprovider';
 import Checkbox from './components/checkbox';
+import CheckboxGroup from './components/checkboxgroup';
 import Radio from './components/radio';
 import Tab from './components/tab';
 import type { TextType } from './components/text/text.types';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, Tab, };
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, CheckboxGroup, Radio, Tab, };
 export type { TextType, };

dist/index.js

@@ -17,4 +17,5 @@ import ThemeProvider from './components/themeprovider';
 import Checkbox from './components/checkbox';
+import CheckboxGroup from './components/checkboxgroup';
 import Radio from './components/radio';
 import Tab from './components/tab';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, Tab, };
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, CheckboxGroup, Radio, Tab, };

dist/react/index.d.ts

@@ -5,14 +5,15 @@ export { default as Avatar } from './avatar';
 export { default as Bullet } from './bullet';
+export { default as Checkbox } from './checkbox';
+export { default as Buttonsimple } from './buttonsimple';
 export { default as Button } from './button';
-export { default as Buttonsimple } from './buttonsimple';
-export { default as Checkbox } from './checkbox';
+export { default as Checkboxgroup } from './checkboxgroup';
 export { default as Divider } from './divider';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
+export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
 export { default as Link } from './link';
 export { default as Marker } from './marker';
-export { default as IconProvider } from './iconprovider';
+export { default as Modalcontainer } from './modalcontainer';
 export { default as Presence } from './presence';
-export { default as Modalcontainer } from './modalcontainer';
 export { default as Radio } from './radio';
@@ -19,0 +20,0 @@ export { default as Tab } from './tab';

dist/react/index.js

@@ -5,14 +5,15 @@ export { default as Avatar } from './avatar';
 export { default as Bullet } from './bullet';
+export { default as Checkbox } from './checkbox';
+export { default as Buttonsimple } from './buttonsimple';
 export { default as Button } from './button';
-export { default as Buttonsimple } from './buttonsimple';
-export { default as Checkbox } from './checkbox';
+export { default as Checkboxgroup } from './checkboxgroup';
 export { default as Divider } from './divider';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
+export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
 export { default as Link } from './link';
 export { default as Marker } from './marker';
-export { default as IconProvider } from './iconprovider';
+export { default as Modalcontainer } from './modalcontainer';
 export { default as Presence } from './presence';
-export { default as Modalcontainer } from './modalcontainer';
 export { default as Radio } from './radio';
@@ -19,0 +20,0 @@ export { default as Tab } from './tab';

package.json

@@ -39,3 +39,3 @@ {
   },
-  "version": "0.22.5"
+  "version": "0.22.6"
 }

No alert changes

Improved metrics

Total package byte prevSize

1515784

increased by1.56%

Number of package files

323

increased by3.19%

Lines of code

21273

increased by1.83%

No dependency changes