intelliwaketssveltekitv25 0.1.97 → 0.1.98

package/dist/Modal.svelte

@@ -34,6 +34,7 @@
 		marginForStickyHeader = false,
 		okButtonWrap = false,
 		class: clazz = '',
+		color,
 		classHeader = '',
 		classButton = '',
 		borderFooter = true,
@@ -68,6 +69,7 @@
 		marginForStickyHeader?: boolean
 		okButtonWrap?: boolean
 		class?: string
+		color?: string
 		classHeader?: string
 		classButton?: string
 		borderFooter?: boolean
@@ -206,6 +208,7 @@
 				onkeydown={keyDown}
 				style:max-width={width}
 				bind:this={dialogElement}
+				data-color={color}
 				onclick={(e) => {
 					if (!isDialogMouseDown) cancelAction(e)
         }}
@@ -220,7 +223,7 @@
 			 role="button"
 			 tabindex={-1}>
 		<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-		<h4 class='bg-primary-main dark:bg-primary-face text-white py-2 px-4 select-none mb-0 {classHeader}'
+		<h4 class='dialogHeader bg-primary-main dark:bg-primary-face text-white py-2 px-4 select-none mb-0 {classHeader}'
 				class:cursor-grab={isMouseDown}
 				onmousedown={doMouseDown}>
 			{#if header}
@@ -240,7 +243,7 @@
 				</div>
 			{/if}
 		</h4>
-		<fieldset class='px-4 pb-6'
+		<fieldset class='px-4 pb-6 dialogBody'
 							disabled={disable}
 							class:pt-3={!marginForStickyHeader}
 							class:mt-3={marginForStickyHeader}
@@ -253,13 +256,13 @@
 		</fieldset>
 		{#if !!cancelButton || !!okButton}
 			<fieldset
-				class='grid grid-cols-[min-content_auto_auto_min-content] border-t-slate-200 dark:border-t-slate-700 px-4 py-2'
+				class='dialogButtons grid grid-cols-[min-content_auto_auto_min-content] border-t-slate-200 dark:border-t-slate-700 px-4 py-2'
 				class:border-t={borderFooter}
 				disabled={disable}>
 				<div class='pr-2'>
 					{#if !!cancelButton}
 						<button type='button'
-										class='btnClean bg-transparent hover:bg-transparent shadow-none text-slate-500 hover:text-slate-700 dark:text-slate-300 pl-0 pt-1'
+										class='dialogButtonCancel btnClean bg-transparent hover:bg-transparent shadow-none text-slate-500 hover:text-slate-700 dark:text-slate-300 pl-0 pt-1'
 										class:whitespace-nowrap={!okButtonWrap}
 										onclick={cancelAction}>
 							{cancelButton}
@@ -275,7 +278,7 @@
 				<div class='text-right pl-2'>
 					{#if !!okButton}
 						<button type={okType}
-										class='shadow-none {classButton}'
+										class='dialogButtonOK shadow-none okButton {classButton}'
 										class:whitespace-nowrap={!okButtonWrap}
 										bind:this={okButtonElement}
 										onclick={okAction}

package/dist/Modal.svelte.d.ts

@@ -23,6 +23,7 @@ type $$ComponentProps = {
     marginForStickyHeader?: boolean;
     okButtonWrap?: boolean;
     class?: string;
+    color?: string;
     classHeader?: string;
     classButton?: string;
     borderFooter?: boolean;

package/dist/ModalPromptControl.svelte

@@ -8,6 +8,7 @@
 <Modal bind:show={$ModalPrompt}
 			 {width}
 			 noShowValue={null}
+			 color={$ModalPrompt?.color}
 			 okButton={$ModalPrompt?.okLabel}
 			 okFAProps={$ModalPrompt?.titleFAProps ?? $ModalPrompt?.faProps}
 			 okDisabled={$ModalPrompt?.okDisabled}

package/dist/ModalPromptDefinition.d.ts

@@ -4,6 +4,7 @@ export type TModalPromptProps<T = unknown> = {
     title?: string;
     titleFAProps?: IFAProps;
     messageBody?: string;
+    color?: string;
     okLabel?: string;
     faProps?: IFAProps;
     okFAProps?: IFAProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.1.97",
+  "version": "0.1.98",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",