rgm-design-system 0.1.1 → 0.2.1

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 All notable changes to `rgm-design-system` are documented in this file.
 
+## 0.2.1 - 2026-06-25
+
+### Fixed
+
+- Made `ChatbotWelcomeHero` transparent by default so consuming app surfaces control the background.
+
+## 0.2.0 - 2026-06-25
+
+### Added
+
+- Added `AuroraText`, a preset-aware animated gradient text component derived from shadcn CSS variables.
+- Added `icon` support to `ChatbotWelcomeHero` for app-provided assistant marks.
+- Added `size="sm" | "md" | "lg"` to `ChatbotWelcomeHero`.
+- Added `MotionPresence` with an `enter-up` preset matching the chatbot welcome entrance motion used in `nvcwebapp`.
+
+### Changed
+
+- Updated `ChatbotWelcomeHero` to always render its prompt with the preset-aware aurora text treatment.
+- Simplified Storybook font controls so one font selector updates body and heading font variables together.
+- Improved `ChatbotWelcomeHero` heading line height so descenders are not clipped at larger sizes.
+
 ## 0.1.1 - 2026-06-25
 
 ### Changed

package/dist/components/aurora-text.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+type AuroraTextProps = React.ComponentProps<"span">;
+declare function AuroraText({ children, className, ...props }: AuroraTextProps): React.JSX.Element;
+export { AuroraText };
+export type { AuroraTextProps };
+//# sourceMappingURL=aurora-text.d.ts.map

package/dist/components/aurora-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-text.d.ts","sourceRoot":"","sources":["../../src/components/aurora-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpD,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAgBrE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/chatbot-welcome-hero.d.ts

@@ -1,11 +1,12 @@
 import * as React from "react";
 type ChatbotWelcomeHeroProps = Omit<React.ComponentProps<"section">, "children"> & {
     greeting?: string;
+    icon?: React.ReactNode;
     name?: string;
     prompt?: string;
-    markLabel?: string;
+    size?: "sm" | "md" | "lg";
 };
-declare function ChatbotWelcomeHero({ className, greeting, name, prompt, markLabel, ...props }: ChatbotWelcomeHeroProps): React.JSX.Element;
+declare function ChatbotWelcomeHero({ className, greeting, icon, name, prompt, size, ...props }: ChatbotWelcomeHeroProps): React.JSX.Element;
 export { ChatbotWelcomeHero };
 export type { ChatbotWelcomeHeroProps };
 //# sourceMappingURL=chatbot-welcome-hero.d.ts.map

package/dist/components/chatbot-welcome-hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-welcome-hero.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-welcome-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAyB,EACzB,IAAa,EACb,MAAoC,EACpC,SAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,qBA4BzB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"chatbot-welcome-hero.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-welcome-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAgCF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAyB,EACzB,IAAI,EACJ,IAAa,EACb,MAAoC,EACpC,IAAW,EACX,GAAG,KAAK,EACT,EAAE,uBAAuB,qBAoDzB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './aurora-text';
 export * from './chatbot-input';
 export * from './chatbot-agent-tool-accordion';
 export * from './chatbot-prompt-category';
@@ -6,5 +7,6 @@ export * from './chatbot-drawer-header';
 export * from './chatbot-history-item';
 export * from './chatbot-user-bubble';
 export * from './chatbot-welcome-hero';
+export * from './motion-presence';
 export * from './ui';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,MAAM,CAAC"}

package/dist/components/motion-presence.d.ts

@@ -0,0 +1,31 @@
+import { HTMLMotionProps } from 'motion/react';
+type MotionPresencePreset = "enter-up";
+type MotionPresenceReducedMotion = "user" | "always" | "never";
+type MotionPresenceProps = Omit<HTMLMotionProps<"div">, "initial" | "animate" | "transition"> & {
+    animate?: HTMLMotionProps<"div">["animate"];
+    disabled?: boolean;
+    initial?: HTMLMotionProps<"div">["initial"];
+    preset?: MotionPresencePreset;
+    reducedMotion?: MotionPresenceReducedMotion;
+    transition?: HTMLMotionProps<"div">["transition"];
+};
+declare const motionPresencePresets: {
+    "enter-up": {
+        initial: {
+            opacity: number;
+            y: number;
+        };
+        animate: {
+            opacity: number;
+            y: number;
+        };
+        transition: {
+            delay: number;
+            duration: number;
+        };
+    };
+};
+declare function MotionPresence({ animate, disabled, initial, preset, reducedMotion, transition, ...props }: MotionPresenceProps): import("react").JSX.Element;
+export { MotionPresence, motionPresencePresets };
+export type { MotionPresencePreset, MotionPresenceProps, MotionPresenceReducedMotion, };
+//# sourceMappingURL=motion-presence.d.ts.map

package/dist/components/motion-presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-presence.d.ts","sourceRoot":"","sources":["../../src/components/motion-presence.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE9E,KAAK,oBAAoB,GAAG,UAAU,CAAC;AACvC,KAAK,2BAA2B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/D,KAAK,mBAAmB,GAAG,IAAI,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,GAAG,SAAS,GAAG,YAAY,CACrC,GAAG;IACF,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,aAAa,CAAC,EAAE,2BAA2B,CAAC;IAC5C,UAAU,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;CAS1B,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,MAAmB,EACnB,aAAsB,EACtB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAgBrB;AAED,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,CAAC;AACjD,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,2BAA2B,GAC5B,CAAC"}

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/ui/item.d.ts

@@ -11,7 +11,7 @@ declare function Item({ className, variant, size, asChild, ...props }: React.Com
     asChild?: boolean;
 }): React.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "default" | "icon" | "image" | null | undefined;
+    variant?: "image" | "default" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/components/ui/tabs.d.ts

@@ -3,7 +3,7 @@ import { Tabs as TabsPrimitive } from 'radix-ui';
 import * as React from "react";
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
+    variant?: "line" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;