@rebilly/revel 6.29.1 → 6.30.0

package/CHANGELOG.md

@@ -1 +1,6 @@
-## [6.29.1](https://github.com/Rebilly/rebilly/compare/revel-v6.29.0...revel-v6.29.1) (2024-06-17)
+## [6.30.0](https://github.com/Rebilly/rebilly/compare/revel-v6.29.2...revel-v6.30.0) (2024-06-18)
+
+
+### Features
+
+* **revel:** Add alert component ([#6008](https://github.com/Rebilly/rebilly/issues/6008)) ([b64b228](https://github.com/Rebilly/rebilly/commit/b64b228594f87b305dcd33f993b7c4491005a06d))

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 import '../styles';
+export { default as RAlert } from './r-alert/r-alert.vue';
 export { default as RAvatar } from './r-avatar/r-avatar.vue';
 export { default as RBadge } from './r-badge/r-badge.vue';
 export { default as RButton } from './r-button/r-button.vue';

package/dist/components/r-alert/r-alert.vue.d.ts

@@ -0,0 +1,73 @@
+import { type PropType } from 'vue';
+type AlertType = 'default' | 'negative' | 'positive' | 'info' | 'warning';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * A title text
+     */
+    title: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Displays the level of urgency
+     */
+    type: {
+        type: PropType<AlertType>;
+        default: string;
+    };
+    /**
+     * Keeps the alert open
+     */
+    permanent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Icon to display
+     */
+    icon: {
+        type: StringConstructor;
+        default: null;
+    };
+}, unknown, {
+    isAlertOpen: boolean;
+}, {
+    styles(): Record<string, boolean>;
+}, {
+    closeAlert(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A title text
+     */
+    title: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Displays the level of urgency
+     */
+    type: {
+        type: PropType<AlertType>;
+        default: string;
+    };
+    /**
+     * Keeps the alert open
+     */
+    permanent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Icon to display
+     */
+    icon: {
+        type: StringConstructor;
+        default: null;
+    };
+}>>, {
+    icon: string;
+    type: AlertType;
+    title: string;
+    permanent: boolean;
+}>;
+export default _default;

package/dist/components/r-button/r-button.vue.d.ts

@@ -185,11 +185,11 @@ declare const _default: import("vue").DefineComponent<{
     icon: string;
     type: string;
     link: boolean;
-    loading: boolean;
     size: string;
     disabled: boolean;
     active: boolean;
     fluid: boolean;
+    loading: boolean;
     capitalizeFirstLetter: boolean;
     iconLeft: string;
     iconRight: string;

package/dist/components/r-checkbox/r-checkbox.vue.d.ts

@@ -138,8 +138,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     caption: string;
     label: string;
-    value: string | boolean;
     disabled: boolean;
+    value: string | boolean;
     id: string;
     modelValue: string | number | boolean | unknown[];
     fuzzy: boolean;

package/dist/components/r-date-input/r-calendar.vue.d.ts

@@ -44,6 +44,13 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
+    /**
+     * Masks are used to properly format and parse different sections of the calendar and date picker components.
+     */
+    masks: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, {
     themeStyles: {
         wrapper: {
@@ -90,7 +97,9 @@ declare const _default: import("vue").DefineComponent<{
             borderLeft: string;
         };
         bars: {
-            backgroundColor: string;
+            backgroundColor: string; /**
+             * Masks are used to properly format and parse different sections of the calendar and date picker components.
+             */
         };
         tintColor: string;
     };
@@ -141,6 +150,13 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
+    /**
+     * Masks are used to properly format and parse different sections of the calendar and date picker components.
+     */
+    masks: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -148,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | Date;
     validate: ValidationState;
+    masks: Record<string, any>;
     timezone: string;
     modelConfig: Record<string, any>;
 }>;

package/dist/components/r-date-input/r-date-input.vue.d.ts

@@ -124,6 +124,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: null;
     };
+    /**
+     * Masks are used to properly format and parse different sections of the calendar and date picker components.
+     */
+    masks: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, unknown, unknown, {
     isInvalid(): boolean;
     isDateRange(): boolean;
@@ -273,6 +280,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: null;
     };
+    /**
+     * Masks are used to properly format and parse different sections of the calendar and date picker components.
+     */
+    masks: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -285,6 +299,7 @@ declare const _default: import("vue").DefineComponent<{
     validate: ValidationState;
     placement: string;
     is24hr: boolean;
+    masks: Record<string, any>;
     locale: string;
     timezone: string;
     minDate: string | Record<string, any> | Date;

package/dist/components/r-file-upload/r-file-upload.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     setFocus(): void;
     change(event: Event): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "cancel" | "close")[], "input" | "cancel" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "close" | "cancel")[], "input" | "close" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Allow to submit multiple files
      */

package/dist/components/r-modal/r-modal.vue.d.ts

@@ -122,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{
     onEnter?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
-    scroll: boolean;
     size: string;
+    scroll: boolean;
     show: boolean;
     duration: number;
     cancelLabel: string;

package/dist/components/r-select/r-select.vue.d.ts

@@ -688,8 +688,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     name: string;
     label: string;
-    loading: boolean;
     disabled: boolean;
+    loading: boolean;
     id: string;
     modelValue: Nullable<OptionItem | Options>;
     validate: ValidationState;

package/dist/components/r-tabs/r-tab.vue.d.ts

@@ -60,8 +60,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    value: string;
     active: boolean;
+    value: string;
     hidden: boolean;
     panelId: string;
     to: Optional<Ref<RouteLocation>>;