@assecosolutions/fox-button-group - npm Package Compare versions

Comparing version 1.0.0-beta.0 to 1.0.0-beta.1

index.js

@@ -1685,3 +1685,3 @@ import { css, LitElement, html as html$2 } from 'lit';
   _t$1;
-const styles = css(_t$1 || (_t$1 = _$1`.button-group{display:flex;align-items:center}.button-group ::slotted(button){margin-right:10px;transition:background-color .3s,color .3s}.button-group ::slotted(button):last-child{margin-right:0}.button-group ::slotted(button).selected{background-color:blue;color:#fff}.button-group ::slotted(fox-button:first-child){--fox-button-border-radius: 8px 0 0 8px}.button-group ::slotted(fox-button:last-child){--fox-button-border-radius: 0 8px 8px 0}.button-group ::slotted(fox-button:nth-child(n+2):nth-last-child(n+2)){--fox-button-border-radius: 0}`));
+const styles = css(_t$1 || (_t$1 = _$1`.button-group{display:flex;align-items:center;gap:2px}.button-group ::slotted(fox-button){transition:background-color .3s,color .3s;--fox-button-box-shadow: none;--fox-button-hover-opacity: 1}.button-group ::slotted(fox-button):last-child{margin-right:0}.button-group ::slotted(fox-button).selected{background-color:blue;color:#fff}.button-group ::slotted(fox-button:first-child){--fox-button-border-radius: 8px 0 0 8px}.button-group ::slotted(fox-button:first-child):active{box-shadow:#0f69ac 0px 0px 0px 2px inset}.button-group ::slotted(fox-button:last-child){--fox-button-border-radius: 0 8px 8px 0}.button-group ::slotted(fox-button:nth-child(n+2):nth-last-child(n+2)){--fox-button-border-radius: 0}`));
 
@@ -1708,3 +1708,3 @@ let _ = t => t,
       this.multiselect ? this.toggleButton(index) : this.selectButton(index);
-      this.dispatchEvent(new CustomEvent('select', {
+      this.dispatchEvent(new CustomEvent('button-pressed', {
         detail: {
@@ -1723,3 +1723,4 @@ index,
     this.buttons.forEach((button, index) => {
-      button['primary'] = this.selectedIndex.includes(index);
+      button['selected'] = this.selectedIndex.includes(index);
+      button.blur();
     });
@@ -1742,3 +1743,3 @@ }
   selectButton(index) {
-    this.selectedIndex = [index];
+    this.selectedIndex.includes(index) ? this.selectedIndex = [-1] : this.selectedIndex = [index];
   }
@@ -1745,0 +1746,0 @@ }

package.json

 {
   "name": "@assecosolutions/fox-button-group",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "public": true,
@@ -20,4 +20,4 @@ "publishConfig": {
   "dependencies": {
-    "@assecosolutions/fox-button": "~1.11.8-beta.0",
-    "@assecosolutions/fox-common-utils": "~1.11.7-beta.0"
+    "@assecosolutions/fox-button": "~1.11.8-beta.1",
+    "@assecosolutions/fox-common-utils": "~1.11.7-beta.1"
   },
@@ -24,0 +24,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

64899

increased by0.39%

Lines of code

1519

increased by0.07%

Dependency changes

• + Addedtslib@2.6.3(transitive)

• - Removedtslib@2.6.2(transitive)

• Updated@assecosolutions/fox-button@~1.11.8-beta.1

• Updated@assecosolutions/fox-common-utils@~1.11.7-beta.1