@webority/mobile-ui 0.109.7 → 0.109.8

package/dist/canvas-kit/kit.js

@@ -18710,28 +18710,28 @@ var kv = (e) => L.create({
 	},
 	badgeText: { lineHeight: 13 }
 }), Av = ({ actions: e, layout: t, testID: n, stackedLabels: r, rowStyle: i, buttonStyle: a, textStyle: o }) => {
-	let s = $n(), c = m(() => Mv(s), [s]), u = s.components.dialog["action-button-min-height"], d = s.text.base.size * s.leading.body, f = e.map((e) => e.label).join("\n"), p = g(null), [_, v] = r ?? p, b = t === "stacked" || t !== "row" && _ !== null && _ === f, x = h(null), S = l((e) => {
-		e.nativeEvent.layout.height > 1.5 * d && v(f);
+	let s = $n(), c = m(() => Mv(s), [s]), u = s.components.dialog["action-button-min-height"], d = qt(s, "md").icon, f = s.text.base.size * s.leading.body, p = e.map((e) => e.label).join("\n"), _ = g(null), [v, b] = r ?? _, x = t === "stacked" || t !== "row" && v !== null && v === p, S = h(null), C = l((e) => {
+		e.nativeEvent.layout.height > 1.5 * f && b(p);
 	}, [
-		d,
 		f,
-		v
-	]), C = l((e) => {
-		let t = e.nativeEvent.layout.width, n = x.current;
-		x.current = t, n !== null && Math.abs(n - t) > .5 && v(null);
-	}, [v]), w = /* @__PURE__ */ new Map();
+		p,
+		b
+	]), w = l((e) => {
+		let t = e.nativeEvent.layout.width, n = S.current;
+		S.current = t, n !== null && Math.abs(n - t) > .5 && b(null);
+	}, [b]), T = /* @__PURE__ */ new Map();
 	return q(V, {
 		testID: n,
 		style: [
 			c.actionsRow,
-			b ? c.actionsRowStacked : null,
+			x ? c.actionsRowStacked : null,
 			i
 		],
-		onLayout: C,
+		onLayout: w,
 		children: e.map((t, n) => {
-			let r = (w.get(t.label) ?? 0) + 1;
-			w.set(t.label, r), t.tone;
-			let i = t.tone ?? "primary", l = !!t.disabled, d = jv(s, i, l), f = n === e.length - 1;
+			let r = (T.get(t.label) ?? 0) + 1;
+			T.set(t.label, r), t.tone;
+			let i = t.tone ?? "primary", l = !!t.disabled, f = jv(s, i, l), p = n === e.length - 1;
 			return q(ee, {
 				onPress: t.onPress,
 				disabled: t.loading || l,
@@ -18746,34 +18746,44 @@ var kv = (e) => L.create({
 				style: ({ pressed: e }) => [
 					c.actionButton,
 					{
-						flex: +!b,
+						flex: +!x,
 						minHeight: u,
-						backgroundColor: d.backgroundColor,
-						borderColor: d.borderColor,
-						borderWidth: d.borderWidth,
+						backgroundColor: f.backgroundColor,
+						borderColor: f.borderColor,
+						borderWidth: f.borderWidth,
 						borderRadius: s.radius.md,
 						...Q,
 						paddingVertical: s.space.sm,
 						paddingHorizontal: s.space.md,
-						marginRight: f || b ? 0 : s.space.sm,
+						marginRight: p || x ? 0 : s.space.sm,
 						opacity: t.loading ? .7 : e && !l ? .85 : 1
 					},
 					a
 				],
 				children: t.loading ? q(y, {
 					size: "small",
-					color: d.textColor
-				}) : q(V, {
-					onLayout: S,
-					children: q(R, {
-						style: [{
-							color: d.textColor,
-							fontSize: s.text.base.size,
-							...tr(s, "semibold"),
-							textAlign: "center"
-						}, o],
-						children: t.label
-					})
+					color: f.textColor
+				}) : J(V, {
+					style: c.labelRow,
+					children: [t.icon ? q(V, {
+						style: c.labelIcon,
+						children: Bp(t.icon, {
+							color: f.textColor,
+							size: d,
+							disabled: l
+						}, "linear")
+					}) : null, q(V, {
+						onLayout: C,
+						children: q(R, {
+							style: [{
+								color: f.textColor,
+								fontSize: s.text.base.size,
+								...tr(s, "semibold"),
+								textAlign: "center"
+							}, o],
+							children: t.label
+						})
+					})]
 				})
 			}, `${t.label}-${r}`);
 		})
@@ -18838,7 +18848,13 @@ var jv = (e, t, n) => {
 	actionButton: {
 		alignItems: "center",
 		justifyContent: "center"
-	}
+	},
+	labelRow: {
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	labelIcon: { marginRight: e.space.xs }
 }), Nv = Object.freeze({
 	close: "Close bottom sheet",
 	dragHandle: "Drag handle"
@@ -36233,7 +36249,7 @@ var cO = Ft({
 		kind: "WeborityPhone",
 		library: {
 			name: "@webority/mobile-ui",
-			version: "0.109.7"
+			version: "0.109.8"
 		},
 		rendererProtocolVersion: 12,
 		platform: "Phone",

package/dist/canvas-kit/manifest.json

@@ -2,7 +2,7 @@
   "kind": "WeborityPhone",
   "library": {
     "name": "@webority/mobile-ui",
-    "version": "0.109.7"
+    "version": "0.109.8"
   },
   "rendererProtocolVersion": 12,
   "platform": "Phone",

package/dist/canvas-kit/release.json

@@ -1,21 +1,21 @@
 {
   "name": "webority-phone",
-  "version": "0.109.7",
+  "version": "0.109.8",
   "platform": "Phone",
   "kitModuleVersion": 2,
   "rendererProtocolVersion": 12,
   "library": {
     "name": "@webority/mobile-ui",
-    "version": "0.109.7"
+    "version": "0.109.8"
   },
   "files": {
     "manifest.json": {
-      "sha256": "133d29dc0dd83c292f0898bda8bf20a99479f8087b1aa26bbbea9b36c5d0d8c6",
+      "sha256": "4730bc15948b78ff14435d58c413fde7a7ca51eece983acfa962d259dad88643",
       "bytes": 636807
     },
     "kit.js": {
-      "sha256": "6de00f6a938274fc1f45d9ea786960124cbc3d004a9f37c161b49d36970dbe53",
-      "bytes": 5951187
+      "sha256": "84d74fcbb57ad5234d301ccba46f11e983f4de730594c0ec031ab349699e0493",
+      "bytes": 5951576
     },
     "kit.css": {
       "sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",

package/lib/commonjs/components/Dialog/OverlayActions.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OverlayActions=exports.OVERLAY_TONES=exports.ACTIONS_LAYOUTS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_jsxRuntime=require("react/jsx-runtime");const OVERLAY_TONES=exports.OVERLAY_TONES=["primary","success","warning","danger","info","neutral"],ACTIONS_LAYOUTS=exports.ACTIONS_LAYOUTS=["auto","row","stacked"],OverlayActions=({actions:e,layout:r,testID:o,stackedLabels:t,rowStyle:a,buttonStyle:n,textStyle:s})=>{const l=(0,_index.useTheme)(),i=(0,_react.useMemo)(()=>buildStyles(l),[l]),c=l.components.dialog["action-button-min-height"],d=l.text.base.size*l.leading.body,u=e.map(e=>e.label).join("\n"),b=(0,_react.useState)(null),[x,y]=t??b,g="stacked"===r||"row"!==r&&(null!==x&&x===u),p=(0,_react.useRef)(null),C=(0,_react.useCallback)(e=>{e.nativeEvent.layout.height>1.5*d&&y(u)},[d,u,y]),_=(0,_react.useCallback)(e=>{const r=e.nativeEvent.layout.width,o=p.current;p.current=r,null!==o&&Math.abs(o-r)>.5&&y(null)},[y]),m=new Map;return(0,_jsxRuntime.jsx)(_reactNative.View,{testID:o,style:[i.actionsRow,g?i.actionsRowStacked:null,a],onLayout:_,children:e.map((r,o)=>{const t=(m.get(r.label)??0)+1;m.set(r.label,t),(0,_warnInvalidValue.warnInvalidValue)("OverlayActions","actions[].tone",r.tone,OVERLAY_TONES);const a=r.tone??"primary",d=Boolean(r.disabled),u=actionStyleFor(l,a,d),b=o===e.length-1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:r.onPress,disabled:r.loading||d,accessibilityRole:"button",accessibilityLabel:r.label,accessibilityState:{busy:r.loading,disabled:Boolean(r.loading)||d},"aria-busy":r.loading,"aria-disabled":Boolean(r.loading)||d,style:({pressed:e})=>[i.actionButton,{flex:g?0:1,minHeight:c,backgroundColor:u.backgroundColor,borderColor:u.borderColor,borderWidth:u.borderWidth,borderRadius:l.radius.md,..._corners.smoothCorners,paddingVertical:l.space.sm,paddingHorizontal:l.space.md,marginRight:b||g?0:l.space.sm,opacity:r.loading?.7:e&&!d?.85:1},n],children:r.loading?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:u.textColor}):(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:C,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:u.textColor,fontSize:l.text.base.size,...(0,_index.fontFor)(l,"semibold"),textAlign:"center"},s],children:r.label})})},`${r.label}-${t}`)})})};exports.OverlayActions=OverlayActions,OverlayActions.displayName="OverlayActions";const actionStyleFor=(e,r,o)=>{if(o)return{backgroundColor:"neutral"===r?"transparent":e.colors["surface-disabled"],borderColor:"neutral"===r?e.colors.border:"transparent",borderWidth:"neutral"===r?1:0,textColor:e.colors["text-disabled"]};switch(r){case"primary":return{backgroundColor:e.colors.primary,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-primary"]};case"info":return{backgroundColor:e.colors.info,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-info"]};case"success":return{backgroundColor:e.colors.success,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-success"]};case"warning":return{backgroundColor:e.colors.warning,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-warning"]};case"danger":return{backgroundColor:e.colors.danger,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-danger"]};default:return{backgroundColor:"transparent",borderColor:e.colors.border,borderWidth:1,textColor:e.colors["text-body"]}}},buildStyles=e=>_reactNative.StyleSheet.create({actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"stretch"},actionsRowStacked:{flexDirection:"column",rowGap:e.space.sm},actionButton:{alignItems:"center",justifyContent:"center"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OverlayActions=exports.OVERLAY_TONES=exports.ACTIONS_LAYOUTS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_jsxRuntime=require("react/jsx-runtime");const OVERLAY_TONES=exports.OVERLAY_TONES=["primary","success","warning","danger","info","neutral"],ACTIONS_LAYOUTS=exports.ACTIONS_LAYOUTS=["auto","row","stacked"],OverlayActions=({actions:e,layout:r,testID:o,stackedLabels:t,rowStyle:n,buttonStyle:a,textStyle:l})=>{const s=(0,_index.useTheme)(),i=(0,_react.useMemo)(()=>buildStyles(s),[s]),c=s.components.dialog["action-button-min-height"],d=(0,_index.resolveButtonSize)(s,"md").icon,u=s.text.base.size*s.leading.body,b=e.map(e=>e.label).join("\n"),x=(0,_react.useState)(null),[y,_]=t??x,g="stacked"===r||"row"!==r&&(null!==y&&y===b),m=(0,_react.useRef)(null),p=(0,_react.useCallback)(e=>{e.nativeEvent.layout.height>1.5*u&&_(b)},[u,b,_]),C=(0,_react.useCallback)(e=>{const r=e.nativeEvent.layout.width,o=m.current;m.current=r,null!==o&&Math.abs(o-r)>.5&&_(null)},[_]),h=new Map;return(0,_jsxRuntime.jsx)(_reactNative.View,{testID:o,style:[i.actionsRow,g?i.actionsRowStacked:null,n],onLayout:C,children:e.map((r,o)=>{const t=(h.get(r.label)??0)+1;h.set(r.label,t),(0,_warnInvalidValue.warnInvalidValue)("OverlayActions","actions[].tone",r.tone,OVERLAY_TONES);const n=r.tone??"primary",u=Boolean(r.disabled),b=actionStyleFor(s,n,u),x=o===e.length-1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:r.onPress,disabled:r.loading||u,accessibilityRole:"button",accessibilityLabel:r.label,accessibilityState:{busy:r.loading,disabled:Boolean(r.loading)||u},"aria-busy":r.loading,"aria-disabled":Boolean(r.loading)||u,style:({pressed:e})=>[i.actionButton,{flex:g?0:1,minHeight:c,backgroundColor:b.backgroundColor,borderColor:b.borderColor,borderWidth:b.borderWidth,borderRadius:s.radius.md,..._corners.smoothCorners,paddingVertical:s.space.sm,paddingHorizontal:s.space.md,marginRight:x||g?0:s.space.sm,opacity:r.loading?.7:e&&!u?.85:1},a],children:r.loading?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:b.textColor}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:i.labelRow,children:[r.icon?(0,_jsxRuntime.jsx)(_reactNative.View,{style:i.labelIcon,children:(0,_slotIcon.renderSlotIcon)(r.icon,{color:b.textColor,size:d,disabled:u},"linear")}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:p,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:b.textColor,fontSize:s.text.base.size,...(0,_index.fontFor)(s,"semibold"),textAlign:"center"},l],children:r.label})})]})},`${r.label}-${t}`)})})};exports.OverlayActions=OverlayActions,OverlayActions.displayName="OverlayActions";const actionStyleFor=(e,r,o)=>{if(o)return{backgroundColor:"neutral"===r?"transparent":e.colors["surface-disabled"],borderColor:"neutral"===r?e.colors.border:"transparent",borderWidth:"neutral"===r?1:0,textColor:e.colors["text-disabled"]};switch(r){case"primary":return{backgroundColor:e.colors.primary,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-primary"]};case"info":return{backgroundColor:e.colors.info,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-info"]};case"success":return{backgroundColor:e.colors.success,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-success"]};case"warning":return{backgroundColor:e.colors.warning,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-warning"]};case"danger":return{backgroundColor:e.colors.danger,borderColor:"transparent",borderWidth:0,textColor:e.colors["on-danger"]};default:return{backgroundColor:"transparent",borderColor:e.colors.border,borderWidth:1,textColor:e.colors["text-body"]}}},buildStyles=e=>_reactNative.StyleSheet.create({actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"stretch"},actionsRowStacked:{flexDirection:"column",rowGap:e.space.sm},actionButton:{alignItems:"center",justifyContent:"center"},labelRow:{flexDirection:"row",alignItems:"center",justifyContent:"center"},labelIcon:{marginRight:e.space.xs}});

package/lib/module/components/Dialog/OverlayActions.js

@@ -1 +1 @@
-"use strict";import{useCallback,useMemo,useRef,useState}from"react";import{ActivityIndicator,Pressable,StyleSheet,Text,View}from"react-native";import{fontFor,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{warnInvalidValue}from"../../utils/warnInvalidValue.js";import{jsx as _jsx}from"react/jsx-runtime";export const OVERLAY_TONES=["primary","success","warning","danger","info","neutral"];export const ACTIONS_LAYOUTS=["auto","row","stacked"];const OverlayActions=({actions:o,layout:e,testID:r,stackedLabels:t,rowStyle:n,buttonStyle:a,textStyle:l})=>{const s=useTheme(),i=useMemo(()=>buildStyles(s),[s]),c=s.components.dialog["action-button-min-height"],d=s.text.base.size*s.leading.body,u=o.map(o=>o.label).join("\n"),b=useState(null),[m,y]=t??b,g="stacked"===e||"row"!==e&&(null!==m&&m===u),p=useRef(null),C=useCallback(o=>{o.nativeEvent.layout.height>1.5*d&&y(u)},[d,u,y]),x=useCallback(o=>{const e=o.nativeEvent.layout.width,r=p.current;p.current=e,null!==r&&Math.abs(r-e)>.5&&y(null)},[y]),h=new Map;return _jsx(View,{testID:r,style:[i.actionsRow,g?i.actionsRowStacked:null,n],onLayout:x,children:o.map((e,r)=>{const t=(h.get(e.label)??0)+1;h.set(e.label,t),warnInvalidValue("OverlayActions","actions[].tone",e.tone,OVERLAY_TONES);const n=e.tone??"primary",d=Boolean(e.disabled),u=actionStyleFor(s,n,d),b=r===o.length-1;return _jsx(Pressable,{onPress:e.onPress,disabled:e.loading||d,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||d},"aria-busy":e.loading,"aria-disabled":Boolean(e.loading)||d,style:({pressed:o})=>[i.actionButton,{flex:g?0:1,minHeight:c,backgroundColor:u.backgroundColor,borderColor:u.borderColor,borderWidth:u.borderWidth,borderRadius:s.radius.md,...smoothCorners,paddingVertical:s.space.sm,paddingHorizontal:s.space.md,marginRight:b||g?0:s.space.sm,opacity:e.loading?.7:o&&!d?.85:1},a],children:e.loading?_jsx(ActivityIndicator,{size:"small",color:u.textColor}):_jsx(View,{onLayout:C,children:_jsx(Text,{style:[{color:u.textColor,fontSize:s.text.base.size,...fontFor(s,"semibold"),textAlign:"center"},l],children:e.label})})},`${e.label}-${t}`)})})};OverlayActions.displayName="OverlayActions";const actionStyleFor=(o,e,r)=>{if(r)return{backgroundColor:"neutral"===e?"transparent":o.colors["surface-disabled"],borderColor:"neutral"===e?o.colors.border:"transparent",borderWidth:"neutral"===e?1:0,textColor:o.colors["text-disabled"]};switch(e){case"primary":return{backgroundColor:o.colors.primary,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-primary"]};case"info":return{backgroundColor:o.colors.info,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-info"]};case"success":return{backgroundColor:o.colors.success,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-success"]};case"warning":return{backgroundColor:o.colors.warning,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-warning"]};case"danger":return{backgroundColor:o.colors.danger,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-danger"]};default:return{backgroundColor:"transparent",borderColor:o.colors.border,borderWidth:1,textColor:o.colors["text-body"]}}},buildStyles=o=>StyleSheet.create({actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"stretch"},actionsRowStacked:{flexDirection:"column",rowGap:o.space.sm},actionButton:{alignItems:"center",justifyContent:"center"}});export{OverlayActions};
+"use strict";import{useCallback,useMemo,useRef,useState}from"react";import{ActivityIndicator,Pressable,StyleSheet,Text,View}from"react-native";import{fontFor,resolveButtonSize,useTheme}from"../../theme/index.js";import{smoothCorners}from"../../utils/corners.js";import{warnInvalidValue}from"../../utils/warnInvalidValue.js";import{renderSlotIcon}from"../AppIcon/slotIcon.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const OVERLAY_TONES=["primary","success","warning","danger","info","neutral"];export const ACTIONS_LAYOUTS=["auto","row","stacked"];const OverlayActions=({actions:o,layout:e,testID:r,stackedLabels:t,rowStyle:n,buttonStyle:l,textStyle:a})=>{const s=useTheme(),i=useMemo(()=>buildStyles(s),[s]),c=s.components.dialog["action-button-min-height"],d=resolveButtonSize(s,"md").icon,u=s.text.base.size*s.leading.body,b=o.map(o=>o.label).join("\n"),m=useState(null),[y,g]=t??m,p="stacked"===e||"row"!==e&&(null!==y&&y===b),x=useRef(null),C=useCallback(o=>{o.nativeEvent.layout.height>1.5*u&&g(b)},[u,b,g]),h=useCallback(o=>{const e=o.nativeEvent.layout.width,r=x.current;x.current=e,null!==r&&Math.abs(r-e)>.5&&g(null)},[g]),f=new Map;return _jsx(View,{testID:r,style:[i.actionsRow,p?i.actionsRowStacked:null,n],onLayout:h,children:o.map((e,r)=>{const t=(f.get(e.label)??0)+1;f.set(e.label,t),warnInvalidValue("OverlayActions","actions[].tone",e.tone,OVERLAY_TONES);const n=e.tone??"primary",u=Boolean(e.disabled),b=actionStyleFor(s,n,u),m=r===o.length-1;return _jsx(Pressable,{onPress:e.onPress,disabled:e.loading||u,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||u},"aria-busy":e.loading,"aria-disabled":Boolean(e.loading)||u,style:({pressed:o})=>[i.actionButton,{flex:p?0:1,minHeight:c,backgroundColor:b.backgroundColor,borderColor:b.borderColor,borderWidth:b.borderWidth,borderRadius:s.radius.md,...smoothCorners,paddingVertical:s.space.sm,paddingHorizontal:s.space.md,marginRight:m||p?0:s.space.sm,opacity:e.loading?.7:o&&!u?.85:1},l],children:e.loading?_jsx(ActivityIndicator,{size:"small",color:b.textColor}):_jsxs(View,{style:i.labelRow,children:[e.icon?_jsx(View,{style:i.labelIcon,children:renderSlotIcon(e.icon,{color:b.textColor,size:d,disabled:u},"linear")}):null,_jsx(View,{onLayout:C,children:_jsx(Text,{style:[{color:b.textColor,fontSize:s.text.base.size,...fontFor(s,"semibold"),textAlign:"center"},a],children:e.label})})]})},`${e.label}-${t}`)})})};OverlayActions.displayName="OverlayActions";const actionStyleFor=(o,e,r)=>{if(r)return{backgroundColor:"neutral"===e?"transparent":o.colors["surface-disabled"],borderColor:"neutral"===e?o.colors.border:"transparent",borderWidth:"neutral"===e?1:0,textColor:o.colors["text-disabled"]};switch(e){case"primary":return{backgroundColor:o.colors.primary,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-primary"]};case"info":return{backgroundColor:o.colors.info,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-info"]};case"success":return{backgroundColor:o.colors.success,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-success"]};case"warning":return{backgroundColor:o.colors.warning,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-warning"]};case"danger":return{backgroundColor:o.colors.danger,borderColor:"transparent",borderWidth:0,textColor:o.colors["on-danger"]};default:return{backgroundColor:"transparent",borderColor:o.colors.border,borderWidth:1,textColor:o.colors["text-body"]}}},buildStyles=o=>StyleSheet.create({actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"stretch"},actionsRowStacked:{flexDirection:"column",rowGap:o.space.sm},actionButton:{alignItems:"center",justifyContent:"center"},labelRow:{flexDirection:"row",alignItems:"center",justifyContent:"center"},labelIcon:{marginRight:o.space.xs}});export{OverlayActions};

package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts

@@ -2,12 +2,15 @@ import type React from "react";
 import type { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { Tone } from "../../types/vocabulary";
 import type { HapticType } from "../../utils/hapticUtils";
+import type { SlotIcon } from "../AppIcon/slotIcon";
 import { type ActionsLayout } from "./OverlayActions";
 export type DialogActionTone = Tone;
 export interface DialogAction {
     label: string;
     onPress: () => void;
     tone?: DialogActionTone;
+    /** Icon before the label, drawn in the label's colour; the same icon contract as Button `leftIcon`. */
+    icon?: SlotIcon;
     loading?: boolean;
     /** Dims the action and blocks its press (a confirm waiting on a typed phrase, say). */
     disabled?: boolean;

package/lib/typescript/module/components/Dialog/Dialog.d.ts

@@ -2,12 +2,15 @@ import type React from "react";
 import type { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
 import type { Tone } from "../../types/vocabulary.js";
 import type { HapticType } from "../../utils/hapticUtils.js";
+import type { SlotIcon } from "../AppIcon/slotIcon.js";
 import { type ActionsLayout } from "./OverlayActions.js";
 export type DialogActionTone = Tone;
 export interface DialogAction {
     label: string;
     onPress: () => void;
     tone?: DialogActionTone;
+    /** Icon before the label, drawn in the label's colour; the same icon contract as Button `leftIcon`. */
+    icon?: SlotIcon;
     loading?: boolean;
     /** Dims the action and blocks its press (a confirm waiting on a typed phrase, say). */
     disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-ui",
-  "version": "0.109.7",
+  "version": "0.109.8",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -100,8 +100,8 @@
     "react-native-safe-area-context": ">=5.4.0",
     "react-native-svg": ">=15.0.0",
     "react-native-worklets": ">=0.10.0",
-    "@webority/canvas-kit": "0.109.7",
-    "@webority/mobile-core": "0.109.7"
+    "@webority/mobile-core": "0.109.8",
+    "@webority/canvas-kit": "0.109.8"
   },
   "peerDependenciesMeta": {
     "@react-navigation/bottom-tabs": {
@@ -170,10 +170,10 @@
     "react-test-renderer": "19.2.8",
     "rimraf": "6.1.3",
     "typescript": "5.9.3",
-    "@webority/mobile-core": "0.109.7",
-    "@webority/canvas-kit": "0.109.7",
+    "@webority/canvas-kit": "0.109.8",
+    "@webority/mobile-core": "0.109.8",
     "@webority/mobile-dev": "0.0.0",
-    "@webority/tokens": "0.109.7"
+    "@webority/tokens": "0.109.8"
   },
   "scripts": {
     "build": "bob build && node ../mobile-dev/scripts/minify-lib.mjs && node -e \"require('node:fs').rmSync('dist/canvas-kit',{recursive:true,force:true})\" && node ../canvas-kit/dist/cli.js build --config canvas-kit.json --out dist/canvas-kit",