@rebilly/revel 12.16.4 → 12.18.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [12.16.4](https://github.com/Rebilly/rebilly/compare/revel-v12.16.3...revel-v12.16.4) (2026-01-30)
+## [12.18.0](https://github.com/Rebilly/rebilly/compare/revel-v12.17.0...revel-v12.18.0) (2026-02-10)
 
 
-### Bug Fixes
+### Features
 
-* **revel:** improve r-date-range dark mode contrast and icon size ([#18321](https://github.com/Rebilly/rebilly/issues/18321)) ([4e66104](https://github.com/Rebilly/rebilly/commit/4e66104b8fc8ee9938cb27e721b63b1c908f2995))
+* **revel:** Add r-multistep & r-step components ([#18598](https://github.com/Rebilly/rebilly/issues/18598)) ([affccb8](https://github.com/Rebilly/rebilly/commit/affccb88fd3712c2591ad0edaa2877cd2f9458ea))

package/dist/common/helpers/index.d.ts

@@ -9,4 +9,5 @@ import { sentenceCase } from './sentence-case';
 import { unCamelCase } from './un-camel-case';
 import { getShadowParent } from './get-shadow-parent';
 import { isMobile } from './is-mobile';
-export { capitalizeFirstLetter, debounce, deepClone, formatDate, isKebabCase, isObject, kebabCase, sentenceCase, unCamelCase, getShadowParent, isMobile, };
+import { unKebabCase } from './un-kebab-case';
+export { capitalizeFirstLetter, debounce, deepClone, formatDate, isKebabCase, isObject, kebabCase, sentenceCase, unCamelCase, getShadowParent, isMobile, unKebabCase, };

package/dist/common/helpers/un-kebab-case.d.ts

@@ -0,0 +1 @@
+export declare function unKebabCase(particle?: string | null): string;

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export { default as RTabs } from './r-tabs/r-tabs.vue';
 export { default as RTile } from './r-tile/r-tile.vue';
 export { default as RToast } from './r-toast/r-toast.vue';
 export { default as RToggle } from './r-toggle/r-toggle.vue';
+export { default as RMultistep } from './r-multistep/r-multistep.vue';
+export { default as RStep } from './r-multistep/r-step.vue';

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

@@ -63,8 +63,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     loading: boolean;
     link: boolean;
     icon: IconNames;
-    type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
     size: "small" | "regular" | "large";
+    type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
     href: string;
     disabled: boolean;
     active: boolean;

package/dist/components/r-icon/r-icon-sprites.d.ts

@@ -129,6 +129,16 @@ export declare const RIconNames: {
     games: string;
     dice: string;
 };
+export declare const RIconMinorNames: {
+    copy: string;
+    'external-link': string;
+    close: string;
+    check: string;
+    'caret-down': string;
+    'caret-up': string;
+    'caret-left': string;
+    'caret-right': string;
+};
 export declare const RIconColors: {
     default: string;
     'on-surface': string;
@@ -140,5 +150,6 @@ export declare const RIconColors: {
 };
 export type IconColor = keyof typeof RIconColors;
 export type IconNames = keyof typeof RIconNames;
+export type IconMinorNames = keyof typeof RIconMinorNames;
 export declare const RIconSprites: string;
 export declare function RIconSpritesAppend(el?: HTMLElement | DocumentFragment | null): void;

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

@@ -1,9 +1,9 @@
-import type { IconColor, IconNames } from './r-icon-sprites';
+import type { IconColor, IconNames, IconMinorNames } from './r-icon-sprites';
 export interface Props {
     /**
      * Select any icon available in our svg sprite
      */
-    icon: Nullable<IconNames>;
+    icon: Nullable<IconNames | IconMinorNames>;
     /**
      * Choose any color from our status color palette
      * primary, on-surface, success, warning, danger, info
@@ -13,6 +13,10 @@ export interface Props {
      * Prevent native click events from capturing in parent components
      */
     stopPropagation?: boolean;
+    /**
+     * Choose icon size
+     */
+    size?: 'major' | 'minor';
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
@@ -21,5 +25,6 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     color: IconColor;
     stopPropagation: boolean;
+    size: "major" | "minor";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,32 @@
+interface Props {
+    /**
+     * The initial value of the current step.
+     */
+    current?: string;
+    /**
+     * The initial list of completed steps.
+     */
+    completed?: string[];
+}
+declare const steps: import("vue").Ref<string[], string[]>;
+declare const hasNextStep: import("vue").ComputedRef<boolean>;
+declare const hasPrevStep: import("vue").ComputedRef<boolean>;
+declare function nextStep(callback?: () => void): void;
+declare function prevStep(callback?: () => void): void;
+declare const _default: import("vue").DefineComponent<Props, {
+    steps: typeof steps;
+    hasNextStep: typeof hasNextStep;
+    hasPrevStep: typeof hasPrevStep;
+    nextStep: typeof nextStep;
+    prevStep: typeof prevStep;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:current": (value: string) => any;
+    "update:completed": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:current"?: ((value: string) => any) | undefined;
+    "onUpdate:completed"?: ((value: string[]) => any) | undefined;
+}>, {
+    completed: string[];
+    current: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-multistep/r-step.vue.d.ts

@@ -0,0 +1,36 @@
+interface Props {
+    /**
+     * The name of the step used to identify the step.
+     */
+    index: string;
+    /**
+     * The index that is currently shown as active.
+     */
+    active?: boolean;
+    /**
+     * A list of indexes that are shown as completed.
+     */
+    completed?: boolean;
+    /**
+     * Reference to where the step content should be teleported when the step is active.
+     */
+    teleport?: HTMLElement | null;
+}
+declare var __VLS_4: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_4) => any;
+} & {
+    content?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    active: boolean;
+    completed: boolean;
+    teleport: HTMLElement | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -770,14 +770,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         color: import("../r-icon/r-icon-sprites.ts").IconColor;
         stopPropagation: boolean;
+        size: "major" | "minor";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     RButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../r-button/r-button.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             loading: boolean;
             link: boolean;
             icon: import("../r-icon/r-icon-sprites.ts").IconNames;
-            type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
             size: "small" | "regular" | "large";
+            type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
             href: string;
             disabled: boolean;
             active: boolean;
@@ -796,8 +797,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             loading: boolean;
             link: boolean;
             icon: import("../r-icon/r-icon-sprites.ts").IconNames;
-            type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
             size: "small" | "regular" | "large";
+            type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
             href: string;
             disabled: boolean;
             active: boolean;
@@ -813,8 +814,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         loading: boolean;
         link: boolean;
         icon: import("../r-icon/r-icon-sprites.ts").IconNames;
-        type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
         size: "small" | "regular" | "large";
+        type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
         href: string;
         disabled: boolean;
         active: boolean;