@veracity/vui 0.0.14 → 0.0.15

package/alert/alert.d.ts

@@ -1,13 +1,13 @@
-import { AlertProps } from './alert.types';
-import AlertButton from './alertButton';
-import AlertIcon from './alertIcon';
-import AlertText from './alertText';
-import AlertTitle from './alertTitle';
-import { VuiComponent } from '../core';
-export declare const Alert: VuiComponent<"div", AlertProps> & {
-    Button: typeof AlertButton;
-    Icon: typeof AlertIcon;
-    Text: typeof AlertText;
-    Title: typeof AlertTitle;
-};
-export default Alert;
+import { AlertProps } from './alert.types';
+import AlertButton from './alertButton';
+import AlertIcon from './alertIcon';
+import AlertText from './alertText';
+import AlertTitle from './alertTitle';
+import { VuiComponent } from '../core';
+export declare const Alert: VuiComponent<"div", AlertProps> & {
+    Button: typeof AlertButton;
+    Icon: typeof AlertIcon;
+    Text: typeof AlertText;
+    Title: typeof AlertTitle;
+};
+export default Alert;

package/alert/alert.js

@@ -1,85 +1,85 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Alert = void 0;
-var react_1 = __importStar(require("react"));
-var alertButton_1 = __importDefault(require("./alertButton"));
-var alertIcon_1 = __importDefault(require("./alertIcon"));
-var alertText_1 = __importDefault(require("./alertText"));
-var alertTitle_1 = __importDefault(require("./alertTitle"));
-var consts_1 = require("./consts");
-var context_1 = require("./context");
-var box_1 = __importDefault(require("../box"));
-var core_1 = require("../core");
-var utils_1 = require("../utils");
-exports.Alert = core_1.vui(function (props, ref) {
-    var _a;
-    var action = props.action, children = props.children, className = props.className, _b = props.colorScheme, colorSchemeProp = _b === void 0 ? 'blue' : _b, icon = props.icon, onClose = props.onClose, size = props.size, _c = props.status, status = _c === void 0 ? '' : _c, statusMapping = props.statusMapping, text = props.text, title = props.title, variant = props.variant, rest = __rest(props, ["action", "children", "className", "colorScheme", "icon", "onClose", "size", "status", "statusMapping", "text", "title", "variant"]);
-    var statuses = __assign(__assign({}, consts_1.alertStatusMapping), statusMapping);
-    var _d = ((_a = statuses[status]) !== null && _a !== void 0 ? _a : {}).colorScheme, colorScheme = _d === void 0 ? colorSchemeProp : _d;
-    var styles = core_1.useStyleConfig('Alert', __assign({ colorScheme: colorScheme }, props));
-    var context = react_1.useMemo(function () { return utils_1.filterUndefined({ colorScheme: colorScheme, size: size, status: status, variant: variant }); }, [
-        colorScheme,
-        size,
-        status,
-        variant
-    ]);
-    return (react_1.default.createElement(context_1.AlertProvider, { value: context },
-        react_1.default.createElement(box_1.default, __assign({ borderRadius: "md", className: utils_1.cs('vui-alert', className), px: 1.5, py: 1, ref: ref, w: "fit-content" }, styles.container, rest), children ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
-            status ? react_1.default.createElement(alertIcon_1.default, null) : typeof icon === 'string' ? react_1.default.createElement(alertIcon_1.default, { icon: icon }) : icon,
-            react_1.default.createElement(alertText_1.default, null,
-                typeof title === 'string' ? react_1.default.createElement(alertTitle_1.default, { text: title }) : title,
-                " ",
-                text),
-            action,
-            onClose && react_1.default.createElement(alertButton_1.default, { icon: "falTimes", onClick: onClose }))))));
-});
-exports.Alert.displayName = 'Alert';
-exports.Alert.Button = alertButton_1.default;
-exports.Alert.Icon = alertIcon_1.default;
-exports.Alert.Text = alertText_1.default;
-exports.Alert.Title = alertTitle_1.default;
-exports.default = exports.Alert;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var react_1 = __importStar(require("react"));
+var alertButton_1 = __importDefault(require("./alertButton"));
+var alertIcon_1 = __importDefault(require("./alertIcon"));
+var alertText_1 = __importDefault(require("./alertText"));
+var alertTitle_1 = __importDefault(require("./alertTitle"));
+var consts_1 = require("./consts");
+var context_1 = require("./context");
+var box_1 = __importDefault(require("../box"));
+var core_1 = require("../core");
+var utils_1 = require("../utils");
+exports.Alert = core_1.vui(function (props, ref) {
+    var _a;
+    var action = props.action, children = props.children, className = props.className, _b = props.colorScheme, colorSchemeProp = _b === void 0 ? 'blue' : _b, icon = props.icon, onClose = props.onClose, size = props.size, _c = props.status, status = _c === void 0 ? '' : _c, statusMapping = props.statusMapping, text = props.text, title = props.title, variant = props.variant, rest = __rest(props, ["action", "children", "className", "colorScheme", "icon", "onClose", "size", "status", "statusMapping", "text", "title", "variant"]);
+    var statuses = __assign(__assign({}, consts_1.alertStatusMapping), statusMapping);
+    var _d = ((_a = statuses[status]) !== null && _a !== void 0 ? _a : {}).colorScheme, colorScheme = _d === void 0 ? colorSchemeProp : _d;
+    var styles = core_1.useStyleConfig('Alert', __assign({ colorScheme: colorScheme }, props));
+    var context = react_1.useMemo(function () { return utils_1.filterUndefined({ colorScheme: colorScheme, size: size, status: status, variant: variant }); }, [
+        colorScheme,
+        size,
+        status,
+        variant
+    ]);
+    return (react_1.default.createElement(context_1.AlertProvider, { value: context },
+        react_1.default.createElement(box_1.default, __assign({ borderRadius: "md", className: utils_1.cs('vui-alert', className), px: 1.5, py: 1, ref: ref, w: "fit-content" }, styles.container, rest), children ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
+            status ? react_1.default.createElement(alertIcon_1.default, null) : typeof icon === 'string' ? react_1.default.createElement(alertIcon_1.default, { icon: icon }) : icon,
+            react_1.default.createElement(alertText_1.default, null,
+                typeof title === 'string' ? react_1.default.createElement(alertTitle_1.default, { text: title }) : title,
+                " ",
+                text),
+            action,
+            onClose && react_1.default.createElement(alertButton_1.default, { icon: "falTimes", onClick: onClose }))))));
+});
+exports.Alert.displayName = 'Alert';
+exports.Alert.Button = alertButton_1.default;
+exports.Alert.Icon = alertIcon_1.default;
+exports.Alert.Text = alertText_1.default;
+exports.Alert.Title = alertTitle_1.default;
+exports.default = exports.Alert;

package/alert/alert.types.d.ts

@@ -1,20 +1,20 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '../box';
-import { IconProps } from '../icon';
-import { VuiIcon } from '../icons';
-import { ThemingProps } from '../theme';
-export interface AlertProps extends Omit<BoxProps, 'size' | 'variant'>, ThemingProps<'Alert'> {
-    action?: ReactNode;
-    colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
-    icon?: VuiIcon | (ReactNode & {});
-    onClose?: () => void;
-    status?: AlertStatus;
-    statusMapping?: AlertStatusMapping;
-    text?: ReactNode;
-    title?: ReactNode;
-}
-export declare type AlertStatus = 'error' | 'info' | 'loading' | 'success' | 'warning';
-export declare type AlertStatusMapping = Record<string, {
-    colorScheme?: AlertProps['colorScheme'];
-    iconProps: IconProps;
-}>;
+import { ReactNode } from 'react';
+import { BoxProps } from '../box';
+import { IconProps } from '../icon';
+import { VuiIcon } from '../icons';
+import { ThemingProps } from '../theme';
+export interface AlertProps extends Omit<BoxProps, 'size' | 'variant'>, ThemingProps<'Alert'> {
+    action?: ReactNode;
+    colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
+    icon?: VuiIcon | (ReactNode & {});
+    onClose?: () => void;
+    status?: AlertStatus;
+    statusMapping?: AlertStatusMapping;
+    text?: ReactNode;
+    title?: ReactNode;
+}
+export declare type AlertStatus = 'error' | 'info' | 'loading' | 'success' | 'warning';
+export declare type AlertStatusMapping = Record<string, {
+    colorScheme?: AlertProps['colorScheme'];
+    iconProps: IconProps;
+}>;

package/alert/alert.types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/alert/alertButton.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps } from '../button';
-export declare const AlertButton: import("../core").VuiComponent<"button", ButtonProps>;
-export default AlertButton;
+import { ButtonProps } from '../button';
+export declare const AlertButton: import("../core").VuiComponent<"button", ButtonProps>;
+export default AlertButton;

package/alert/alertButton.js

@@ -1,30 +1,30 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertButton = void 0;
-var react_1 = __importDefault(require("react"));
-var context_1 = require("./context");
-var core_1 = require("../core");
-var button_1 = __importDefault(require("../button"));
-exports.AlertButton = core_1.vui(function (props, ref) {
-    var _a;
-    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
-    var mergedProps = __assign(__assign({}, alertProps), props);
-    var styles = core_1.useStyleConfig('Alert', mergedProps);
-    return (react_1.default.createElement(button_1.default, __assign({ className: "vui-alertButton", colorScheme: mergedProps.colorScheme, ml: 1, mr: -0.5, ref: ref, size: "sm" }, styles.button, props)));
-});
-exports.AlertButton.displayName = 'AlertButton';
-exports.default = exports.AlertButton;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertButton = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("./context");
+var core_1 = require("../core");
+var button_1 = __importDefault(require("../button"));
+exports.AlertButton = core_1.vui(function (props, ref) {
+    var _a;
+    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
+    var mergedProps = __assign(__assign({}, alertProps), props);
+    var styles = core_1.useStyleConfig('Alert', mergedProps);
+    return (react_1.default.createElement(button_1.default, __assign({ className: "vui-alertButton", colorScheme: mergedProps.colorScheme, ml: 1, mr: -0.5, ref: ref, size: "sm" }, styles.button, props)));
+});
+exports.AlertButton.displayName = 'AlertButton';
+exports.default = exports.AlertButton;

package/alert/alertIcon.d.ts

@@ -1,3 +1,3 @@
-import { IconProps } from '../icon';
-export declare const AlertIcon: import("../core").VuiComponent<"svg", IconProps>;
-export default AlertIcon;
+import { IconProps } from '../icon';
+export declare const AlertIcon: import("../core").VuiComponent<"svg", IconProps>;
+export default AlertIcon;

package/alert/alertIcon.js

@@ -1,33 +1,33 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var consts_1 = require("./consts");
-var context_1 = require("./context");
-var core_1 = require("../core");
-var icon_1 = __importDefault(require("../icon"));
-exports.AlertIcon = core_1.vui(function (props, ref) {
-    var _a, _b;
-    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
-    var mergedProps = __assign(__assign({}, alertProps), props);
-    var styles = core_1.useStyleConfig('Alert', mergedProps);
-    var _c = mergedProps.status, status = _c === void 0 ? '' : _c;
-    var iconProps = ((_b = consts_1.alertStatusMapping[status]) !== null && _b !== void 0 ? _b : {}).iconProps;
-    return (react_1.default.createElement(icon_1.default, __assign({ className: "vui-alertIcon", mr: 1, my: 0.5, ref: ref, size: "md" }, styles.icon, iconProps, props)));
-});
-exports.AlertIcon.displayName = 'AlertIcon';
-exports.default = exports.AlertIcon;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var consts_1 = require("./consts");
+var context_1 = require("./context");
+var core_1 = require("../core");
+var icon_1 = __importDefault(require("../icon"));
+exports.AlertIcon = core_1.vui(function (props, ref) {
+    var _a, _b;
+    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
+    var mergedProps = __assign(__assign({}, alertProps), props);
+    var styles = core_1.useStyleConfig('Alert', mergedProps);
+    var _c = mergedProps.status, status = _c === void 0 ? '' : _c;
+    var iconProps = ((_b = consts_1.alertStatusMapping[status]) !== null && _b !== void 0 ? _b : {}).iconProps;
+    return (react_1.default.createElement(icon_1.default, __assign({ className: "vui-alertIcon", mr: 1, my: 0.5, ref: ref, size: "md" }, styles.icon, iconProps, props)));
+});
+exports.AlertIcon.displayName = 'AlertIcon';
+exports.default = exports.AlertIcon;

package/alert/alertText.d.ts

@@ -1,3 +1,3 @@
-import { PProps } from '../p';
-export declare const AlertText: import("../core").VuiComponent<"p", PProps>;
-export default AlertText;
+import { PProps } from '../p';
+export declare const AlertText: import("../core").VuiComponent<"p", PProps>;
+export default AlertText;

package/alert/alertText.js

@@ -1,30 +1,30 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertText = void 0;
-var react_1 = __importDefault(require("react"));
-var context_1 = require("./context");
-var core_1 = require("../core");
-var p_1 = __importDefault(require("../p"));
-exports.AlertText = core_1.vui(function (props, ref) {
-    var _a;
-    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
-    var mergedProps = __assign(__assign({}, alertProps), props);
-    var styles = core_1.useStyleConfig('Alert', mergedProps);
-    return react_1.default.createElement(p_1.default, __assign({ className: "vui-alertText", flex: "1", minW: 0, py: 0.5, ref: ref }, styles.text, props));
-});
-exports.AlertText.displayName = 'AlertText';
-exports.default = exports.AlertText;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertText = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("./context");
+var core_1 = require("../core");
+var p_1 = __importDefault(require("../p"));
+exports.AlertText = core_1.vui(function (props, ref) {
+    var _a;
+    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
+    var mergedProps = __assign(__assign({}, alertProps), props);
+    var styles = core_1.useStyleConfig('Alert', mergedProps);
+    return react_1.default.createElement(p_1.default, __assign({ className: "vui-alertText", flex: "1", minW: 0, py: 0.5, ref: ref }, styles.text, props));
+});
+exports.AlertText.displayName = 'AlertText';
+exports.default = exports.AlertText;

package/alert/alertTitle.d.ts

@@ -1,3 +1,3 @@
-import { HeadingProps } from '../heading';
-export declare const AlertTitle: import("../core").VuiComponent<"h6", HeadingProps>;
-export default AlertTitle;
+import { TProps } from '../t';
+export declare const AlertTitle: import("../core").VuiComponent<"span", TProps>;
+export default AlertTitle;

package/alert/alertTitle.js

@@ -1,30 +1,30 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertTitle = void 0;
-var react_1 = __importDefault(require("react"));
-var context_1 = require("./context");
-var core_1 = require("../core");
-var heading_1 = require("../heading");
-exports.AlertTitle = core_1.vui(function (props, ref) {
-    var _a;
-    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
-    var mergedProps = __assign(__assign({}, alertProps), props);
-    var styles = core_1.useStyleConfig('Alert', mergedProps);
-    return react_1.default.createElement(heading_1.H6, __assign({ className: "vui-alertTitle", display: "inline-block", ref: ref }, styles.title, props));
-});
-exports.AlertTitle.displayName = 'AlertTitle';
-exports.default = exports.AlertTitle;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertTitle = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("./context");
+var core_1 = require("../core");
+var t_1 = require("../t");
+exports.AlertTitle = core_1.vui(function (props, ref) {
+    var _a;
+    var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
+    var mergedProps = __assign(__assign({}, alertProps), props);
+    var styles = core_1.useStyleConfig('Alert', mergedProps);
+    return react_1.default.createElement(t_1.T, __assign({ className: "vui-alertTitle", ref: ref, weight: "demi" }, styles.title, props));
+});
+exports.AlertTitle.displayName = 'AlertTitle';
+exports.default = exports.AlertTitle;

package/alert/consts.d.ts

@@ -1,2 +1,2 @@
-import { AlertStatusMapping } from './alert.types';
-export declare const alertStatusMapping: AlertStatusMapping;
+import { AlertStatusMapping } from './alert.types';
+export declare const alertStatusMapping: AlertStatusMapping;

package/alert/consts.js

@@ -1,37 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.alertStatusMapping = void 0;
-exports.alertStatusMapping = {
-    error: {
-        colorScheme: 'red',
-        iconProps: {
-            icon: 'falTimesCircle'
-        }
-    },
-    info: {
-        colorScheme: 'blue',
-        iconProps: {
-            icon: 'falInfoCircle'
-        }
-    },
-    loading: {
-        colorScheme: 'blue',
-        iconProps: {
-            animation: 'vui-spin 0.6s linear infinite',
-            fill: ['blue.40', 'blue.60'],
-            icon: 'fadSpinnerThird'
-        }
-    },
-    success: {
-        colorScheme: 'green',
-        iconProps: {
-            icon: 'falCheckCircle'
-        }
-    },
-    warning: {
-        colorScheme: 'yellow',
-        iconProps: {
-            icon: 'falExclamationCircle'
-        }
-    }
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertStatusMapping = void 0;
+exports.alertStatusMapping = {
+    error: {
+        colorScheme: 'red',
+        iconProps: {
+            icon: 'falTimesCircle'
+        }
+    },
+    info: {
+        colorScheme: 'blue',
+        iconProps: {
+            icon: 'falInfoCircle'
+        }
+    },
+    loading: {
+        colorScheme: 'blue',
+        iconProps: {
+            animation: 'vui-spin 0.6s linear infinite',
+            fill: ['blue.40', 'blue.60'],
+            icon: 'fadSpinnerThird'
+        }
+    },
+    success: {
+        colorScheme: 'green',
+        iconProps: {
+            icon: 'falCheckCircle'
+        }
+    },
+    warning: {
+        colorScheme: 'yellow',
+        iconProps: {
+            icon: 'falExclamationCircle'
+        }
+    }
+};

package/alert/context.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { AlertProps } from './alert.types';
-declare const AlertProvider: import("react").Provider<Partial<AlertProps>>, useAlert: () => Partial<AlertProps>;
-export { AlertProvider, useAlert };
+/// <reference types="react" />
+import { AlertProps } from './alert.types';
+declare const AlertProvider: import("react").Provider<Partial<AlertProps>>, useAlert: () => Partial<AlertProps>;
+export { AlertProvider, useAlert };