@optiaxiom/proteus 0.1.22 → 0.1.23

package/dist/esm/index.js

@@ -1,5 +1,4 @@
 export { ProteusAction } from './proteus-action/ProteusAction.js';
-export { ProteusCancelAction } from './proteus-action/ProteusCancelAction.js';
 export { ProteusChart } from './proteus-chart/ProteusChart.js';
 export { ProteusDataTable } from './proteus-data-table/ProteusDataTable.js';
 export { ProteusDocumentRenderer } from './proteus-document/ProteusDocumentRenderer.js';

package/dist/esm/proteus-element/ProteusElement.js

@@ -5,7 +5,6 @@ import { Time, Range } from '@optiaxiom/react/unstable';
 import { lazy, Suspense } from 'react';
 import { IconCalendar } from '../icons/IconCalendar.js';
 import { ProteusAction } from '../proteus-action/ProteusAction.js';
-import { ProteusCancelAction } from '../proteus-action/ProteusCancelAction.js';
 import { ProteusDataTable } from '../proteus-data-table/ProteusDataTable.js';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
@@ -66,8 +65,8 @@ const ProteusElement = ({
       return /* @__PURE__ */ jsx(Avatar, { ...resolve(element) });
     case "Badge":
       return /* @__PURE__ */ jsx(Badge, { ...resolve(element) });
-    case "CancelAction":
-      return /* @__PURE__ */ jsx(ProteusCancelAction, { ...resolve(element) });
+    case "Button":
+      return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
     case "Card":
       return /* @__PURE__ */ jsx(Card, { ...resolve(element) });
     case "CardHeader":

package/dist/esm/schema/public-schema.json.js

@@ -2704,7 +2704,7 @@ var definitions = {
 				$ref: "#/definitions/ProteusBadge"
 			},
 			{
-				$ref: "#/definitions/ProteusCancelAction"
+				$ref: "#/definitions/ProteusButton"
 			},
 			{
 				$ref: "#/definitions/ProteusCard"
@@ -3703,17 +3703,18 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusCancelAction: {
+	ProteusButton: {
 		additionalProperties: false,
 		examples: [
 			{
-				$type: "CancelAction",
-				children: "Cancel"
+				$type: "Button",
+				appearance: "primary",
+				children: "Action"
 			}
 		],
 		properties: {
 			$type: {
-				"const": "CancelAction"
+				"const": "Button"
 			},
 			alignItems: {
 				$ref: "#/definitions/SprinkleProp_alignItems"
@@ -3724,6 +3725,38 @@ var definitions = {
 			animation: {
 				$ref: "#/definitions/SprinkleProp_animation"
 			},
+			appearance: {
+				anyOf: [
+					{
+						"const": "default"
+					},
+					{
+						"const": "danger"
+					},
+					{
+						"const": "primary"
+					},
+					{
+						"const": "subtle"
+					},
+					{
+						"const": "danger-outline"
+					},
+					{
+						"const": "default-opal"
+					},
+					{
+						"const": "inverse"
+					},
+					{
+						"const": "primary-opal"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "Control the appearance by selecting between the different button types."
+			},
 			backgroundImage: {
 				$ref: "#/definitions/SprinkleProp_backgroundImage"
 			},
@@ -3880,6 +3913,23 @@ var definitions = {
 			transition: {
 				$ref: "#/definitions/SprinkleProp_transition"
 			},
+			type: {
+				anyOf: [
+					{
+						"const": "button"
+					},
+					{
+						"const": "reset"
+					},
+					{
+						"const": "submit"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "The default behavior of the button."
+			},
 			w: {
 				$ref: "#/definitions/SprinkleProp_w"
 			},
@@ -3889,9 +3939,9 @@ var definitions = {
 			z: {
 				$ref: "#/definitions/SprinkleProp_z"
 			},
-			placeholder: {
-				description: "Placeholder text for the text input field",
-				type: "string"
+			onClick: {
+				$ref: "#/definitions/ProteusEventHandler",
+				description: "Action triggered when button is clicked"
 			}
 		},
 		required: [

package/dist/esm/schema/runtime-schema.json.js

@@ -2692,7 +2692,7 @@ var definitions = {
 				$ref: "#/definitions/ProteusBadge"
 			},
 			{
-				$ref: "#/definitions/ProteusCancelAction"
+				$ref: "#/definitions/ProteusButton"
 			},
 			{
 				$ref: "#/definitions/ProteusCard"
@@ -3683,16 +3683,17 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusCancelAction: {
+	ProteusButton: {
 		examples: [
 			{
-				$type: "CancelAction",
-				children: "Cancel"
+				$type: "Button",
+				appearance: "primary",
+				children: "Action"
 			}
 		],
 		properties: {
 			$type: {
-				"const": "CancelAction"
+				"const": "Button"
 			},
 			alignItems: {
 				$ref: "#/definitions/SprinkleProp_alignItems"
@@ -3703,6 +3704,38 @@ var definitions = {
 			animation: {
 				$ref: "#/definitions/SprinkleProp_animation"
 			},
+			appearance: {
+				anyOf: [
+					{
+						"const": "default"
+					},
+					{
+						"const": "danger"
+					},
+					{
+						"const": "primary"
+					},
+					{
+						"const": "subtle"
+					},
+					{
+						"const": "danger-outline"
+					},
+					{
+						"const": "default-opal"
+					},
+					{
+						"const": "inverse"
+					},
+					{
+						"const": "primary-opal"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "Control the appearance by selecting between the different button types."
+			},
 			backgroundImage: {
 				$ref: "#/definitions/SprinkleProp_backgroundImage"
 			},
@@ -3859,6 +3892,23 @@ var definitions = {
 			transition: {
 				$ref: "#/definitions/SprinkleProp_transition"
 			},
+			type: {
+				anyOf: [
+					{
+						"const": "button"
+					},
+					{
+						"const": "reset"
+					},
+					{
+						"const": "submit"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "The default behavior of the button."
+			},
 			w: {
 				$ref: "#/definitions/SprinkleProp_w"
 			},
@@ -3868,9 +3918,9 @@ var definitions = {
 			z: {
 				$ref: "#/definitions/SprinkleProp_z"
 			},
-			placeholder: {
-				description: "Placeholder text for the text input field",
-				type: "string"
+			onClick: {
+				$ref: "#/definitions/ProteusEventHandler",
+				description: "Action triggered when button is clicked"
 			}
 		},
 		required: [

package/dist/index.d.ts

@@ -2,18 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BoxProps, SelectProps, Disclosure, ButtonProps, InputProps, TextareaProps } from '@optiaxiom/react';
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
 
-type ProteusCancelActionProps = {
-    children?: ReactNode;
-    /**
-     * Placeholder text for the text input field
-     */
-    placeholder?: string;
-};
-declare function ProteusCancelAction({ children, placeholder, }: ProteusCancelActionProps): react_jsx_runtime.JSX.Element;
-declare namespace ProteusCancelAction {
-    var displayName: string;
-}
-
 type Series = {
     dataKey: string;
     name?: string;
@@ -332,5 +320,5 @@ declare namespace ProteusTextarea {
 
 declare function useProteusValue(element: ProteusValueProps): any;
 
-export { ProteusAction, ProteusCancelAction, ProteusChart, ProteusDataTable, ProteusDocumentRenderer, ProteusDocumentShell, ProteusImage, ProteusImageCarousel, ProteusInput, ProteusMap, ProteusSelect, ProteusShow, ProteusTextarea, safeParseDocument, useProteusValue };
+export { ProteusAction, ProteusChart, ProteusDataTable, ProteusDocumentRenderer, ProteusDocumentShell, ProteusImage, ProteusImageCarousel, ProteusInput, ProteusMap, ProteusSelect, ProteusShow, ProteusTextarea, safeParseDocument, useProteusValue };
 export type { ProteusDocumentRendererProps, ProteusDocumentShellProps };