@3mo/button-group - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

dist/ButtonGroup.js

@@ -32,31 +32,39 @@ import { __decorate } from "tslib";
 			:host([direction=vertical]) ::slotted([instanceof*=mo-button][data-mo-button-group-first]) {
-				border-radius: var(--mo-button-group-border-radius, 4px) var(--mo-button-group-border-radius, 4px) 0px 0px;
+				border-start-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-start-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=vertical]) ::slotted([instanceof*=mo-button][data-mo-button-group-last]) {
-				border-radius: 0px 0px var(--mo-button-group-border-radius, 4px) var(--mo-button-group-border-radius, 4px);
+				border-end-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-end-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=vertical-reversed]) ::slotted([instanceof*=mo-button][data-mo-button-group-first]) {
-				border-radius: 0px 0px var(--mo-button-group-border-radius, 4px) var(--mo-button-group-border-radius, 4px);
+				border-end-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-end-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=vertical-reversed]) ::slotted([instanceof*=mo-button][data-mo-button-group-last]) {
-				border-radius: var(--mo-button-group-border-radius, 4px) var(--mo-button-group-border-radius, 4px) 0px 0px;
+				border-start-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-start-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=horizontal]) ::slotted([instanceof*=mo-button][data-mo-button-group-first]) {
-				border-radius: var(--mo-button-group-border-radius, 4px) 0px 0px var(--mo-button-group-border-radius, 4px);
+				border-start-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-end-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=horizontal]) ::slotted([instanceof*=mo-button][data-mo-button-group-last]) {
-				border-radius: 0px var(--mo-button-group-border-radius, 4px) var(--mo-button-group-border-radius, 4px) 0px;
+				border-start-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-end-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=horizontal-reversed]) ::slotted([instanceof*=mo-button][data-mo-button-group-first]) {
-				border-radius: 0px var(--mo-button-group-border-radius, 4px) var(--mo-button-group-border-radius, 4px) 0px;
+				border-start-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-end-end-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
 
 			:host([direction=horizontal-reversed]) ::slotted([instanceof*=mo-button][data-mo-button-group-last]) {
-				border-radius: var(--mo-button-group-border-radius, 4px) 0px 0px var(--mo-button-group-border-radius, 4px);
+				border-start-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
+				border-end-start-radius: var(--mo-button-group-border-radius, var(--mo-border-radius, 4px));
 			}
@@ -63,0 +71,0 @@

package.json

 {
 	"name": "@3mo/button-group",
-	"version": "0.1.2",
+	"version": "0.1.3",
 	"description": "A button-group web-component.",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

234443

increased by0.58%

Lines of code

488

increased by1.67%

No dependency changes