@landtrustinc/design-system 1.2.5 → 1.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +113 -83
- package/dist/index.js +974 -675
- package/dist/index.js.map +1 -1
- package/dist/styles.ts +3 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ declare const media: {
|
|
|
24
24
|
lg: string;
|
|
25
25
|
xl: string;
|
|
26
26
|
};
|
|
27
|
+
declare const breakpoints: string[];
|
|
27
28
|
declare const colors: {
|
|
28
29
|
gray: {
|
|
29
30
|
100: string;
|
|
@@ -269,6 +270,7 @@ declare const ThemeTokens: {
|
|
|
269
270
|
lg: string;
|
|
270
271
|
xl: string;
|
|
271
272
|
};
|
|
273
|
+
breakpoints: string[];
|
|
272
274
|
colors: {
|
|
273
275
|
gray: {
|
|
274
276
|
100: string;
|
|
@@ -506,6 +508,7 @@ declare const ThemeTokens: {
|
|
|
506
508
|
declare const styles_ThemeTokens: typeof ThemeTokens;
|
|
507
509
|
declare const styles_borderRadius: typeof borderRadius;
|
|
508
510
|
declare const styles_boxShadow: typeof boxShadow;
|
|
511
|
+
declare const styles_breakpoints: typeof breakpoints;
|
|
509
512
|
declare const styles_colors: typeof colors;
|
|
510
513
|
declare const styles_fontSizes: typeof fontSizes;
|
|
511
514
|
declare const styles_fontWeights: typeof fontWeights;
|
|
@@ -521,7 +524,7 @@ declare const styles_textShadow: typeof textShadow;
|
|
|
521
524
|
declare const styles_transition: typeof transition;
|
|
522
525
|
declare const styles_zIndex: typeof zIndex;
|
|
523
526
|
declare namespace styles {
|
|
524
|
-
export { styles_ThemeTokens as ThemeTokens, styles_borderRadius as borderRadius, styles_boxShadow as boxShadow, styles_colors as colors, styles_fontSizes as fontSizes, styles_fontWeights as fontWeights, styles_fonts as fonts, styles_headingSizes as headingSizes, styles_lineHeights as lineHeights, styles_media as media, styles_opacity as opacity, styles_screens as screens, styles_sizes as sizes, styles_space as space, styles_textShadow as textShadow, styles_transition as transition, styles_zIndex as zIndex };
|
|
527
|
+
export { styles_ThemeTokens as ThemeTokens, styles_borderRadius as borderRadius, styles_boxShadow as boxShadow, styles_breakpoints as breakpoints, styles_colors as colors, styles_fontSizes as fontSizes, styles_fontWeights as fontWeights, styles_fonts as fonts, styles_headingSizes as headingSizes, styles_lineHeights as lineHeights, styles_media as media, styles_opacity as opacity, styles_screens as screens, styles_sizes as sizes, styles_space as space, styles_textShadow as textShadow, styles_transition as transition, styles_zIndex as zIndex };
|
|
525
528
|
}
|
|
526
529
|
|
|
527
530
|
type TopMatchingFieldNoteProps = {
|
|
@@ -970,6 +973,8 @@ declare const SvgLocationCircle: (props: SVGProps<SVGSVGElement>) => _emotion_re
|
|
|
970
973
|
|
|
971
974
|
declare const SvgLocationDotSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
972
975
|
|
|
976
|
+
declare const SvgLodge: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
977
|
+
|
|
973
978
|
declare const SvgMagnifyingGlass: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
974
979
|
|
|
975
980
|
declare const SvgMap: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -1034,6 +1039,8 @@ declare const SvgRoadSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_j
|
|
|
1034
1039
|
|
|
1035
1040
|
declare const SvgRulerTriangleSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1036
1041
|
|
|
1042
|
+
declare const SvgRv: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1043
|
+
|
|
1037
1044
|
declare const SvgSailboat: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1038
1045
|
|
|
1039
1046
|
declare const SvgSewage: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -1121,7 +1128,7 @@ declare const SvgXmark: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_r
|
|
|
1121
1128
|
declare const SvgYoutubeSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1122
1129
|
|
|
1123
1130
|
declare namespace Icons {
|
|
1124
|
-
export { SvgAiMagic as AiMagic, SvgAmenitity as Amenitity, SvgAngleDownSharp as AngleDownSharp, SvgAngleLeft as AngleLeft, SvgAngleRight as AngleRight, SvgAngleUp as AngleUp, SvgAntelope as Antelope, SvgArchery as Archery, SvgArrowCircleLeft as ArrowCircleLeft, SvgArrowCircleRight as ArrowCircleRight, SvgArrowDownWideShort as ArrowDownWideShort, SvgArrowRotateLeft as ArrowRotateLeft, SvgArrowUpFromSquare as ArrowUpFromSquare, SvgArrowUpRightFromSquare as ArrowUpRightFromSquare, SvgArrowsLeftRight as ArrowsLeftRight, SvgArtLure as ArtLure, SvgBadgeDark as BadgeDark, SvgBan as Ban, SvgBars as Bars, SvgBathSolid as BathSolid, SvgBear as Bear, SvgBedSolid as BedSolid, SvgBell as Bell, SvgBellSlash as BellSlash, SvgBellSolid as BellSolid, SvgBinoculars as Binoculars, SvgBoltSolid as BoltSolid, SvgBowArrowSharp as BowArrowSharp, SvgBowArrowSharpSolid as BowArrowSharpSolid, SvgBowFishing as BowFishing, SvgBoxArchive as BoxArchive, SvgCabin as Cabin, SvgCabinSolid as CabinSolid, SvgCalendar as Calendar, SvgCameraRetro as CameraRetro, SvgCampfire as Campfire, SvgCanoe as Canoe, SvgCaravanSimple as CaravanSimple, SvgCaravanSimpleSolid as CaravanSimpleSolid, SvgCheck as Check, SvgCircleCheck as CircleCheck, SvgCircleInfo as CircleInfo, SvgCircleXmark as CircleXmark, SvgClimbing as Climbing, SvgClock as Clock, SvgClockSolid as ClockSolid, SvgConversationalSearchAi as ConversationalSearchAi, SvgCopy as Copy, SvgCoyote as Coyote, SvgCurveLine as CurveLine, SvgDogLeashed as DogLeashed, SvgDownCarrot as DownCarrot, SvgDuck as Duck, SvgElk as Elk, SvgEllipsis as Ellipsis, SvgEnvelope as Envelope, SvgEye as Eye, SvgEyeSlash as EyeSlash, SvgFacebook as Facebook, SvgFacebookCircle as FacebookCircle, SvgFacebookSquare as FacebookSquare, SvgFarm as Farm, SvgFarmSolid as FarmSolid, SvgFilter as Filter, SvgFishingRod as FishingRod, SvgFishingRodSolid as FishingRodSolid, SvgFlagSplash as FlagSplash, SvgFlyFishing as FlyFishing, SvgFood as Food, SvgFossil as Fossil, SvgGameCam as GameCam, SvgGameFeeder as GameFeeder, SvgGridSolid as GridSolid, SvgGrillHotSolid as GrillHotSolid, SvgGroundBlind as GroundBlind, SvgHandsUsd as HandsUsd, SvgHeart as Heart, SvgHeartSolid as HeartSolid, SvgHorseSaddle as HorseSaddle, SvgHouse as House, SvgHouseCircleCheck as HouseCircleCheck, SvgHouseSolid as HouseSolid, SvgIconCalendar as IconCalendar, SvgIconCalendarFilled as IconCalendarFilled, SvgIconComment as IconComment, SvgIconCommentFilled as IconCommentFilled, SvgIconDashboardGuage as IconDashboardGuage, SvgIconDeleteTrash as IconDeleteTrash, SvgIconFieldNotesUpdates as IconFieldNotesUpdates, SvgIconHamburgerMenuFilledSmall as IconHamburgerMenuFilledSmall, SvgIconHamburgerMenuSmall as IconHamburgerMenuSmall, SvgIconHeart as IconHeart, SvgIconHeartFilled as IconHeartFilled, SvgIconHeartSmall as IconHeartSmall, SvgIconHelp as IconHelp, SvgIconInfoI as IconInfoI, SvgIconInquire as IconInquire, SvgIconLodge as IconLodge, SvgIconLodgeFilled as IconLodgeFilled, SvgIconLogout as IconLogout, SvgIconMapPinLocation2 as IconMapPinLocation2, SvgIconMapPinLocationRegular as IconMapPinLocationRegular, SvgIconProfileGuests as IconProfileGuests, SvgIconSearch as IconSearch, SvgIconShare as IconShare, SvgIconVideo as IconVideo, SvgImage as Image, SvgInstagramSquare as InstagramSquare, SvgKayak as Kayak, SvgLandtrustBadge as LandtrustBadge, SvgLeafMaple as LeafMaple, SvgLevel as Level, SvgLightbulb as Lightbulb, SvgLink as Link, SvgLinkedinSquare as LinkedinSquare, SvgList as List, SvgLiveBait as LiveBait, SvgLocationCircle as LocationCircle, SvgLocationDotSolid as LocationDotSolid, SvgMagnifyingGlass as MagnifyingGlass, SvgMap as Map, SvgMapSolid as MapSolid, SvgMoundSolid as MoundSolid, SvgMuleDeer as MuleDeer, SvgMushroom as Mushroom, SvgNoteSticky as NoteSticky, SvgNoteStickySolid as NoteStickySolid, SvgPaddleboard as Paddleboard, SvgPaperPlane as PaperPlane, SvgPaperclip as Paperclip, SvgPedestalSolid as PedestalSolid, SvgPenToSquare as PenToSquare, SvgPencil as Pencil, SvgPersonBiking as PersonBiking, SvgPersonHiking as PersonHiking, SvgPersonSkiing as PersonSkiing, SvgPersonSledding as PersonSledding, SvgPersonSnowmobiling as PersonSnowmobiling, SvgPersonSwimming as PersonSwimming, SvgPheasant as Pheasant, SvgPhone as Phone, SvgPhoneSolid as PhoneSolid, SvgPig as Pig, SvgPinLogoSolid as PinLogoSolid, SvgPlugSolid as PlugSolid, SvgPlus as Plus, SvgQuotes as Quotes, SvgQuotesLight as QuotesLight, SvgRifle as Rifle, SvgRoadSolid as RoadSolid, SvgRulerTriangleSolid as RulerTriangleSolid, SvgSailboat as Sailboat, SvgSewage as Sewage, SvgShelter as Shelter, SvgShieldCheck as ShieldCheck, SvgShieldCheckSolid as ShieldCheckSolid, SvgShieldSplash as ShieldSplash, SvgSignsPostSharpSolid as SignsPostSharpSolid, SvgSmallCurvedLine as SmallCurvedLine, SvgSpinner as Spinner, SvgSquare as Square, SvgSquareInfoSolid as SquareInfoSolid, SvgSquareParking as SquareParking, SvgSquareParkingSolid as SquareParkingSolid, SvgStar as Star, SvgStarRegular as StarRegular, SvgStarSolid as StarSolid, SvgStarSplash as StarSplash, SvgTablePicnic as TablePicnic, SvgTackle as Tackle, SvgTelescope as Telescope, SvgTent as Tent, SvgTentSolid as TentSolid, SvgThumbsDown as ThumbsDown, SvgThumbsDownSolid as ThumbsDownSolid, SvgThumbsUp as ThumbsUp, SvgThumbsUpSolid as ThumbsUpSolid, SvgTrash as Trash, SvgTrashSolid as TrashSolid, SvgTreeDecorated as TreeDecorated, SvgTreeStand as TreeStand, SvgTrees as Trees, SvgTurkey as Turkey, SvgUpland as Upland, SvgUsFlag as UsFlag, SvgUser as User, SvgUserSolid as UserSolid, SvgUsers as Users, SvgWater as Water, SvgWaterTap as WaterTap, SvgWaterfowl as Waterfowl, SvgWhitetail as Whitetail, SvgXmark as Xmark, SvgYoutubeSquare as YoutubeSquare };
|
|
1131
|
+
export { SvgAiMagic as AiMagic, SvgAmenitity as Amenitity, SvgAngleDownSharp as AngleDownSharp, SvgAngleLeft as AngleLeft, SvgAngleRight as AngleRight, SvgAngleUp as AngleUp, SvgAntelope as Antelope, SvgArchery as Archery, SvgArrowCircleLeft as ArrowCircleLeft, SvgArrowCircleRight as ArrowCircleRight, SvgArrowDownWideShort as ArrowDownWideShort, SvgArrowRotateLeft as ArrowRotateLeft, SvgArrowUpFromSquare as ArrowUpFromSquare, SvgArrowUpRightFromSquare as ArrowUpRightFromSquare, SvgArrowsLeftRight as ArrowsLeftRight, SvgArtLure as ArtLure, SvgBadgeDark as BadgeDark, SvgBan as Ban, SvgBars as Bars, SvgBathSolid as BathSolid, SvgBear as Bear, SvgBedSolid as BedSolid, SvgBell as Bell, SvgBellSlash as BellSlash, SvgBellSolid as BellSolid, SvgBinoculars as Binoculars, SvgBoltSolid as BoltSolid, SvgBowArrowSharp as BowArrowSharp, SvgBowArrowSharpSolid as BowArrowSharpSolid, SvgBowFishing as BowFishing, SvgBoxArchive as BoxArchive, SvgCabin as Cabin, SvgCabinSolid as CabinSolid, SvgCalendar as Calendar, SvgCameraRetro as CameraRetro, SvgCampfire as Campfire, SvgCanoe as Canoe, SvgCaravanSimple as CaravanSimple, SvgCaravanSimpleSolid as CaravanSimpleSolid, SvgCheck as Check, SvgCircleCheck as CircleCheck, SvgCircleInfo as CircleInfo, SvgCircleXmark as CircleXmark, SvgClimbing as Climbing, SvgClock as Clock, SvgClockSolid as ClockSolid, SvgConversationalSearchAi as ConversationalSearchAi, SvgCopy as Copy, SvgCoyote as Coyote, SvgCurveLine as CurveLine, SvgDogLeashed as DogLeashed, SvgDownCarrot as DownCarrot, SvgDuck as Duck, SvgElk as Elk, SvgEllipsis as Ellipsis, SvgEnvelope as Envelope, SvgEye as Eye, SvgEyeSlash as EyeSlash, SvgFacebook as Facebook, SvgFacebookCircle as FacebookCircle, SvgFacebookSquare as FacebookSquare, SvgFarm as Farm, SvgFarmSolid as FarmSolid, SvgFilter as Filter, SvgFishingRod as FishingRod, SvgFishingRodSolid as FishingRodSolid, SvgFlagSplash as FlagSplash, SvgFlyFishing as FlyFishing, SvgFood as Food, SvgFossil as Fossil, SvgGameCam as GameCam, SvgGameFeeder as GameFeeder, SvgGridSolid as GridSolid, SvgGrillHotSolid as GrillHotSolid, SvgGroundBlind as GroundBlind, SvgHandsUsd as HandsUsd, SvgHeart as Heart, SvgHeartSolid as HeartSolid, SvgHorseSaddle as HorseSaddle, SvgHouse as House, SvgHouseCircleCheck as HouseCircleCheck, SvgHouseSolid as HouseSolid, SvgIconCalendar as IconCalendar, SvgIconCalendarFilled as IconCalendarFilled, SvgIconComment as IconComment, SvgIconCommentFilled as IconCommentFilled, SvgIconDashboardGuage as IconDashboardGuage, SvgIconDeleteTrash as IconDeleteTrash, SvgIconFieldNotesUpdates as IconFieldNotesUpdates, SvgIconHamburgerMenuFilledSmall as IconHamburgerMenuFilledSmall, SvgIconHamburgerMenuSmall as IconHamburgerMenuSmall, SvgIconHeart as IconHeart, SvgIconHeartFilled as IconHeartFilled, SvgIconHeartSmall as IconHeartSmall, SvgIconHelp as IconHelp, SvgIconInfoI as IconInfoI, SvgIconInquire as IconInquire, SvgIconLodge as IconLodge, SvgIconLodgeFilled as IconLodgeFilled, SvgIconLogout as IconLogout, SvgIconMapPinLocation2 as IconMapPinLocation2, SvgIconMapPinLocationRegular as IconMapPinLocationRegular, SvgIconProfileGuests as IconProfileGuests, SvgIconSearch as IconSearch, SvgIconShare as IconShare, SvgIconVideo as IconVideo, SvgImage as Image, SvgInstagramSquare as InstagramSquare, SvgKayak as Kayak, SvgLandtrustBadge as LandtrustBadge, SvgLeafMaple as LeafMaple, SvgLevel as Level, SvgLightbulb as Lightbulb, SvgLink as Link, SvgLinkedinSquare as LinkedinSquare, SvgList as List, SvgLiveBait as LiveBait, SvgLocationCircle as LocationCircle, SvgLocationDotSolid as LocationDotSolid, SvgLodge as Lodge, SvgMagnifyingGlass as MagnifyingGlass, SvgMap as Map, SvgMapSolid as MapSolid, SvgMoundSolid as MoundSolid, SvgMuleDeer as MuleDeer, SvgMushroom as Mushroom, SvgNoteSticky as NoteSticky, SvgNoteStickySolid as NoteStickySolid, SvgPaddleboard as Paddleboard, SvgPaperPlane as PaperPlane, SvgPaperclip as Paperclip, SvgPedestalSolid as PedestalSolid, SvgPenToSquare as PenToSquare, SvgPencil as Pencil, SvgPersonBiking as PersonBiking, SvgPersonHiking as PersonHiking, SvgPersonSkiing as PersonSkiing, SvgPersonSledding as PersonSledding, SvgPersonSnowmobiling as PersonSnowmobiling, SvgPersonSwimming as PersonSwimming, SvgPheasant as Pheasant, SvgPhone as Phone, SvgPhoneSolid as PhoneSolid, SvgPig as Pig, SvgPinLogoSolid as PinLogoSolid, SvgPlugSolid as PlugSolid, SvgPlus as Plus, SvgQuotes as Quotes, SvgQuotesLight as QuotesLight, SvgRifle as Rifle, SvgRoadSolid as RoadSolid, SvgRulerTriangleSolid as RulerTriangleSolid, SvgRv as Rv, SvgSailboat as Sailboat, SvgSewage as Sewage, SvgShelter as Shelter, SvgShieldCheck as ShieldCheck, SvgShieldCheckSolid as ShieldCheckSolid, SvgShieldSplash as ShieldSplash, SvgSignsPostSharpSolid as SignsPostSharpSolid, SvgSmallCurvedLine as SmallCurvedLine, SvgSpinner as Spinner, SvgSquare as Square, SvgSquareInfoSolid as SquareInfoSolid, SvgSquareParking as SquareParking, SvgSquareParkingSolid as SquareParkingSolid, SvgStar as Star, SvgStarRegular as StarRegular, SvgStarSolid as StarSolid, SvgStarSplash as StarSplash, SvgTablePicnic as TablePicnic, SvgTackle as Tackle, SvgTelescope as Telescope, SvgTent as Tent, SvgTentSolid as TentSolid, SvgThumbsDown as ThumbsDown, SvgThumbsDownSolid as ThumbsDownSolid, SvgThumbsUp as ThumbsUp, SvgThumbsUpSolid as ThumbsUpSolid, SvgTrash as Trash, SvgTrashSolid as TrashSolid, SvgTreeDecorated as TreeDecorated, SvgTreeStand as TreeStand, SvgTrees as Trees, SvgTurkey as Turkey, SvgUpland as Upland, SvgUsFlag as UsFlag, SvgUser as User, SvgUserSolid as UserSolid, SvgUsers as Users, SvgWater as Water, SvgWaterTap as WaterTap, SvgWaterfowl as Waterfowl, SvgWhitetail as Whitetail, SvgXmark as Xmark, SvgYoutubeSquare as YoutubeSquare };
|
|
1125
1132
|
}
|
|
1126
1133
|
|
|
1127
1134
|
type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
@@ -1175,7 +1182,7 @@ type ButtonProps = {
|
|
|
1175
1182
|
/**
|
|
1176
1183
|
* Size variant of the button
|
|
1177
1184
|
*/
|
|
1178
|
-
size?: 'xs' | 'base' | 'sm' | 'lg';
|
|
1185
|
+
size?: 'xs' | 'base' | 'sm' | 'md' | 'lg';
|
|
1179
1186
|
/**
|
|
1180
1187
|
* Additional CSS class names
|
|
1181
1188
|
*/
|
|
@@ -1274,6 +1281,11 @@ type ChatWidgetProps = {
|
|
|
1274
1281
|
* Whether to show thinking indicator
|
|
1275
1282
|
*/
|
|
1276
1283
|
isThinking?: boolean;
|
|
1284
|
+
/**
|
|
1285
|
+
* Text to display in thinking state
|
|
1286
|
+
* @default "Thinking..."
|
|
1287
|
+
*/
|
|
1288
|
+
thinkingText?: string;
|
|
1277
1289
|
/**
|
|
1278
1290
|
* Messages to show when chat is empty
|
|
1279
1291
|
*/
|
|
@@ -1295,8 +1307,17 @@ type ChatWidgetProps = {
|
|
|
1295
1307
|
* @default "Other Helpful Topics"
|
|
1296
1308
|
*/
|
|
1297
1309
|
suggestedPromptsTitle?: string;
|
|
1310
|
+
/**
|
|
1311
|
+
* Number to display in notification badge on trigger button
|
|
1312
|
+
*/
|
|
1313
|
+
notificationCount?: number;
|
|
1314
|
+
/**
|
|
1315
|
+
* Whether to close the widget when clicking outside
|
|
1316
|
+
* @default true
|
|
1317
|
+
*/
|
|
1318
|
+
closeOnClickOutside?: boolean;
|
|
1298
1319
|
};
|
|
1299
|
-
declare const ChatWidget: ({ title, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1320
|
+
declare const ChatWidget: ({ title, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, thinkingText, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, notificationCount, closeOnClickOutside, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1300
1321
|
|
|
1301
1322
|
type DividerProps = React__default.HTMLAttributes<HTMLHRElement> & SpaceProps & {
|
|
1302
1323
|
/**
|
|
@@ -1690,6 +1711,84 @@ type HuntCardProps = {
|
|
|
1690
1711
|
};
|
|
1691
1712
|
declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: HuntCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1692
1713
|
|
|
1714
|
+
type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
|
|
1715
|
+
type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
|
|
1716
|
+
type TFontWeight = 'normal' | 'semibold' | 'bold' | 'extrabold';
|
|
1717
|
+
type TTextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
|
|
1718
|
+
type TTextWrap = 'pretty' | 'balance' | 'nowrap' | 'wrap' | 'stable';
|
|
1719
|
+
|
|
1720
|
+
type HeadingProps = HTMLAttributes<HTMLElement> & {
|
|
1721
|
+
/**
|
|
1722
|
+
* Size variant of the heading
|
|
1723
|
+
*/
|
|
1724
|
+
size?: THeadingSize;
|
|
1725
|
+
/**
|
|
1726
|
+
* DOM element name to render as
|
|
1727
|
+
*/
|
|
1728
|
+
as?: string;
|
|
1729
|
+
/**
|
|
1730
|
+
* Additional CSS class names
|
|
1731
|
+
*/
|
|
1732
|
+
className?: string;
|
|
1733
|
+
/**
|
|
1734
|
+
* Whether to transform text to uppercase
|
|
1735
|
+
*/
|
|
1736
|
+
uppercase?: boolean;
|
|
1737
|
+
/**
|
|
1738
|
+
* Font weight of the heading
|
|
1739
|
+
*/
|
|
1740
|
+
fontWeight?: TFontWeight;
|
|
1741
|
+
/**
|
|
1742
|
+
* Text alignment
|
|
1743
|
+
*/
|
|
1744
|
+
textAlign?: TTextAlign;
|
|
1745
|
+
/**
|
|
1746
|
+
* Text wrapping behavior
|
|
1747
|
+
*/
|
|
1748
|
+
textWrap?: TTextWrap;
|
|
1749
|
+
/**
|
|
1750
|
+
* Color token or CSS color value
|
|
1751
|
+
*/
|
|
1752
|
+
color?: string;
|
|
1753
|
+
};
|
|
1754
|
+
declare const Heading: FC<PropsWithChildren<HeadingProps>>;
|
|
1755
|
+
|
|
1756
|
+
type TextProps = HTMLAttributes<HTMLElement> & {
|
|
1757
|
+
/**
|
|
1758
|
+
* Size variant of the text
|
|
1759
|
+
*/
|
|
1760
|
+
size?: TTextSize;
|
|
1761
|
+
/**
|
|
1762
|
+
* DOM element name to render as
|
|
1763
|
+
*/
|
|
1764
|
+
as?: string;
|
|
1765
|
+
/**
|
|
1766
|
+
* Additional CSS class names
|
|
1767
|
+
*/
|
|
1768
|
+
className?: string;
|
|
1769
|
+
/**
|
|
1770
|
+
* Font weight of the text
|
|
1771
|
+
*/
|
|
1772
|
+
fontWeight?: TFontWeight;
|
|
1773
|
+
/**
|
|
1774
|
+
* Whether to transform text to uppercase
|
|
1775
|
+
*/
|
|
1776
|
+
uppercase?: boolean;
|
|
1777
|
+
/**
|
|
1778
|
+
* Text alignment
|
|
1779
|
+
*/
|
|
1780
|
+
textAlign?: TTextAlign;
|
|
1781
|
+
/**
|
|
1782
|
+
* Text wrapping behavior
|
|
1783
|
+
*/
|
|
1784
|
+
textWrap?: TTextWrap;
|
|
1785
|
+
/**
|
|
1786
|
+
* Color token or CSS color value
|
|
1787
|
+
*/
|
|
1788
|
+
color?: string;
|
|
1789
|
+
};
|
|
1790
|
+
declare const Text: FC<PropsWithChildren<TextProps>>;
|
|
1791
|
+
|
|
1693
1792
|
type IconLabelProps = {
|
|
1694
1793
|
/**
|
|
1695
1794
|
* Icon variant to display
|
|
@@ -1699,6 +1798,10 @@ type IconLabelProps = {
|
|
|
1699
1798
|
* Text label to display next to the icon
|
|
1700
1799
|
*/
|
|
1701
1800
|
label: string;
|
|
1801
|
+
/**
|
|
1802
|
+
* Size of the label text
|
|
1803
|
+
*/
|
|
1804
|
+
labelSize?: TTextSize;
|
|
1702
1805
|
/**
|
|
1703
1806
|
* Size of the icon
|
|
1704
1807
|
*/
|
|
@@ -1708,7 +1811,7 @@ type IconLabelProps = {
|
|
|
1708
1811
|
*/
|
|
1709
1812
|
className?: string;
|
|
1710
1813
|
};
|
|
1711
|
-
declare const IconLabel: ({ variant, label, iconSize, className, ...rest }: IconLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1814
|
+
declare const IconLabel: ({ variant, label, iconSize, labelSize, className, ...rest }: IconLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1712
1815
|
|
|
1713
1816
|
type InfoBoxProps = {
|
|
1714
1817
|
/**
|
|
@@ -2025,84 +2128,6 @@ type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
|
2025
2128
|
};
|
|
2026
2129
|
declare const TagChip: FC<PropsWithChildren<TagChipProps>>;
|
|
2027
2130
|
|
|
2028
|
-
type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
|
|
2029
|
-
type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
|
|
2030
|
-
type TFontWeight = 'normal' | 'semibold' | 'bold' | 'extrabold';
|
|
2031
|
-
type TTextAlign = 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
|
|
2032
|
-
type TTextWrap = 'pretty' | 'balance' | 'nowrap' | 'wrap' | 'stable';
|
|
2033
|
-
|
|
2034
|
-
type HeadingProps = HTMLAttributes<HTMLElement> & {
|
|
2035
|
-
/**
|
|
2036
|
-
* Size variant of the heading
|
|
2037
|
-
*/
|
|
2038
|
-
size?: THeadingSize;
|
|
2039
|
-
/**
|
|
2040
|
-
* DOM element name to render as
|
|
2041
|
-
*/
|
|
2042
|
-
as?: string;
|
|
2043
|
-
/**
|
|
2044
|
-
* Additional CSS class names
|
|
2045
|
-
*/
|
|
2046
|
-
className?: string;
|
|
2047
|
-
/**
|
|
2048
|
-
* Whether to transform text to uppercase
|
|
2049
|
-
*/
|
|
2050
|
-
uppercase?: boolean;
|
|
2051
|
-
/**
|
|
2052
|
-
* Font weight of the heading
|
|
2053
|
-
*/
|
|
2054
|
-
fontWeight?: TFontWeight;
|
|
2055
|
-
/**
|
|
2056
|
-
* Text alignment
|
|
2057
|
-
*/
|
|
2058
|
-
textAlign?: TTextAlign;
|
|
2059
|
-
/**
|
|
2060
|
-
* Text wrapping behavior
|
|
2061
|
-
*/
|
|
2062
|
-
textWrap?: TTextWrap;
|
|
2063
|
-
/**
|
|
2064
|
-
* Color token or CSS color value
|
|
2065
|
-
*/
|
|
2066
|
-
color?: string;
|
|
2067
|
-
};
|
|
2068
|
-
declare const Heading: FC<PropsWithChildren<HeadingProps>>;
|
|
2069
|
-
|
|
2070
|
-
type TextProps = HTMLAttributes<HTMLElement> & {
|
|
2071
|
-
/**
|
|
2072
|
-
* Size variant of the text
|
|
2073
|
-
*/
|
|
2074
|
-
size?: TTextSize;
|
|
2075
|
-
/**
|
|
2076
|
-
* DOM element name to render as
|
|
2077
|
-
*/
|
|
2078
|
-
as?: string;
|
|
2079
|
-
/**
|
|
2080
|
-
* Additional CSS class names
|
|
2081
|
-
*/
|
|
2082
|
-
className?: string;
|
|
2083
|
-
/**
|
|
2084
|
-
* Font weight of the text
|
|
2085
|
-
*/
|
|
2086
|
-
fontWeight?: TFontWeight;
|
|
2087
|
-
/**
|
|
2088
|
-
* Whether to transform text to uppercase
|
|
2089
|
-
*/
|
|
2090
|
-
uppercase?: boolean;
|
|
2091
|
-
/**
|
|
2092
|
-
* Text alignment
|
|
2093
|
-
*/
|
|
2094
|
-
textAlign?: TTextAlign;
|
|
2095
|
-
/**
|
|
2096
|
-
* Text wrapping behavior
|
|
2097
|
-
*/
|
|
2098
|
-
textWrap?: TTextWrap;
|
|
2099
|
-
/**
|
|
2100
|
-
* Color token or CSS color value
|
|
2101
|
-
*/
|
|
2102
|
-
color?: string;
|
|
2103
|
-
};
|
|
2104
|
-
declare const Text: FC<PropsWithChildren<TextProps>>;
|
|
2105
|
-
|
|
2106
2131
|
type UserCardProps = {
|
|
2107
2132
|
avatarSrc: string;
|
|
2108
2133
|
title: string;
|
|
@@ -2155,6 +2180,11 @@ type WidgetProps = {
|
|
|
2155
2180
|
* Additional props for the container
|
|
2156
2181
|
*/
|
|
2157
2182
|
containerProps?: BoxProps;
|
|
2183
|
+
/**
|
|
2184
|
+
* Whether to close the widget when clicking outside
|
|
2185
|
+
* @default true
|
|
2186
|
+
*/
|
|
2187
|
+
closeOnClickOutside?: boolean;
|
|
2158
2188
|
};
|
|
2159
2189
|
type WidgetTriggerProps = {
|
|
2160
2190
|
/**
|