@webority/ui-react 0.13.5 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.13.5",
+  "version": "0.14.0",
   "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.13.5",
-    "@webority/ui-elements": "0.13.5"
+    "@webority/theme": "0.14.0",
+    "@webority/ui-elements": "0.14.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.5.2",

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

@@ -1,38 +0,0 @@
-/**
- * A soft branded aside that EXPLAINS something — how a calculation works, what a
- * setting affects, what happens next in a flow. A thick coloured left edge marks it
- * as an aside.
- *
- * Distinct from `AppAlert`, and the difference is not cosmetic: an alert reports a
- * *state* ("we couldn't save", "your trial ends in 3 days") and goes away when that
- * state does. A callout is part of the page's content and stays regardless. Using an
- * alert for guidance teaches users to ignore alerts.
- *
- * @param {object} props
- * @param {import('react').ReactNode} props.children The explanation. `<strong>` is styled.
- * @param {"info"|"success"|"warning"|"danger"} [props.tone="info"] The colour, mapped to intent.
- * @param {import('react').ReactNode} [props.title] A bold heading line above the body.
- * @param {string|import('react').ReactNode} [props.icon] Leading glyph — a semantic icon name or a node. Defaults to the tone's badge glyph; pass `null` for none.
- * @param {string} [props.image] A custom image URL shown in the badge instead of the icon glyph (fills the circle).
- * @param {string} [props.imageAlt] Alt text for the custom image.
- * @param {"md"|"sm"} [props.size="md"] `sm` is a compact single line with tone-coloured text.
- * @param {boolean} [props.bordered=true] Draw the soft ring and thick tone-coloured left edge. `false` keeps only the tint fill.
- * @param {import('react').ReactNode} [props.action] A trailing action pinned to the right — usually an `AppButton`.
- * @param {boolean} [props.dismissible=false] Show a × on the right that removes the callout.
- * @param {() => void} [props.onDismiss] Called after the callout is dismissed.
- * @param {string} [props.className]
- */
-export default function AppCallout({ children, tone, title, icon, image, imageAlt, size, bordered, action, dismissible, onDismiss, className, ...rest }: {
-    children: import('react').ReactNode;
-    tone?: "info" | "success" | "warning" | "danger";
-    title?: import('react').ReactNode;
-    icon?: string | import('react').ReactNode;
-    image?: string;
-    imageAlt?: string;
-    size?: "md" | "sm";
-    bordered?: boolean;
-    action?: import('react').ReactNode;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    className?: string;
-}): import("react").JSX.Element;