@webority/ui-react 0.16.0 → 0.17.1

package/dist/types/components/AppSwitch.d.ts

@@ -12,9 +12,9 @@
  * @param {string} [props.name]
  * @param {string} [props.error] Error message, rendered below the control. Replaces the hint.
  * @param {string} [props.hint] Helper text below the control. Hidden while an error is shown.
- * @param {'pill'|'circle'|'round'} [props.shape] Track shape — `pill` (default) is the sliding
- *   pill (squircle ends); `round` is the same sliding pill with truly circular ends
- *   (`corner-shape: round`); `circle` is a compact round on/off button.
+ * @param {'round'|'pill'|'circle'} [props.shape] Track shape: `round` (default) is the sliding
+ *   pill with truly circular ends; `pill` is the same sliding pill with squircle ends;
+ *   `circle` is a compact round on/off button.
  * @param {string} [props.className]
  * @param {import('react').Ref<HTMLInputElement>} [ref]
  */

package/dist/ui-react.js

@@ -4528,7 +4528,7 @@ var ar = {
 	sm: "segmented-sm",
 	md: "",
 	lg: "segmented-lg",
-	xl: "segmented-xl"
+	xl: "wui-segmented-xl"
 };
 function or({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, bordered: u = !0, disabled: f = !1, className: p = "", ...m }) {
 	W("AppSegmented", m), G("AppSegmented", "size", a, Object.keys(ar));
@@ -4536,7 +4536,7 @@ function or({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
 		"segmented",
 		ar[a] ?? "",
 		c ? "segmented-full" : "",
-		u ? "" : "segmented-borderless",
+		u ? "" : "wui-segmented-borderless",
 		f ? "is-disabled" : "",
 		p
 	].filter(Boolean).join(" ");
@@ -4928,14 +4928,22 @@ function fr({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
 							size: 18
 						})
 					}), r]
-				}), p && /* @__PURE__ */ E(Be, {
-					variant: "ghost",
-					className: "btn-icon",
+				}), p && /* @__PURE__ */ E("button", {
+					type: "button",
+					className: "wui-drawer-close",
 					onClick: t,
 					"aria-label": "Close",
-					children: /* @__PURE__ */ E(Y, {
-						name: "x",
-						size: 16
+					children: /* @__PURE__ */ E("svg", {
+						width: "18",
+						height: "18",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ E("path", { d: "M18 6 6 18M6 6l12 12" })
 					})
 				})]
 			}) : a,
@@ -5158,7 +5166,7 @@ function vr(e, t) {
 }
 //#endregion
 //#region src/components/AppSwitch.jsx
-var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
+var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "round", className: o = "", ...s }, c) {
 	return W("AppSwitch", s), /* @__PURE__ */ E(vt, {
 		ref: c,
 		label: e,
@@ -5169,7 +5177,7 @@ var yr = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "p
 		className: o,
 		rest: s,
 		inputType: "checkbox",
-		wrapperClass: `form-check form-switch${a === "circle" ? " form-switch-circle" : a === "round" ? " form-switch-round" : ""}`
+		wrapperClass: `form-check form-switch${a === "circle" ? " form-switch-circle" : a === "pill" ? " form-switch-pill" : ""}`
 	});
 });
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -28,8 +28,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.16.0",
-    "@webority/ui-elements": "0.16.0"
+    "@webority/theme": "0.17.1",
+    "@webority/ui-elements": "0.17.1"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.6.0",