@app-studio/web 0.9.70 → 0.9.71

package/dist/components/Title/Title/Title.type.d.ts

@@ -2,7 +2,7 @@ import { ViewProps } from 'app-studio';
 /**
  * Highlight style options for the Title component
  */
-export declare type HighlightStyle = 'underline' | 'background' | 'gradient' | 'outline' | 'glow';
+export declare type HighlightStyle = 'underline' | 'background' | 'gradient' | 'outline' | 'glow' | 'default';
 /**
  * Title size options
  */

package/dist/components/index.d.ts

@@ -39,7 +39,6 @@ export * from './Table/Table';
 export * from './Tabs/Tabs';
 export * from './Title/Title';
 export * from './Icon/Icon';
-export * as Icon from './Icon/Icon';
 export * from './Toggle/Toggle';
 export * from './ToggleGroup/ToggleGroup';
 export * from './DragAndDrop/DragAndDrop';

package/dist/web.cjs.development.js

@@ -527,9 +527,9 @@ var createIcon = function createIcon(name, defaultProps) {
   if (defaultProps === void 0) {
     defaultProps = {};
   }
-  var IconComponent = props => /*#__PURE__*/React__default.createElement(Icon, Object.assign({
+  var IconComponent = props => (/*#__PURE__*/React__default.createElement(Icon, Object.assign({
     name: name
-  }, defaultProps, props));
+  }, defaultProps, props)));
   IconComponent.displayName = name + "Icon";
   return IconComponent;
 };
@@ -708,9 +708,9 @@ var UploadIcon = /*#__PURE__*/createIcon('upload', {
 });
 // Restored icons
 var CheckIcon = TickIcon;
-var BackIcon = props => /*#__PURE__*/React__default.createElement(ChevronIcon, Object.assign({
+var BackIcon = props => (/*#__PURE__*/React__default.createElement(ChevronIcon, Object.assign({
   orientation: "left"
-}, props));
+}, props)));
 var ZoomOutIcon = /*#__PURE__*/createIcon('zoom-out', {
   filled: false
 });
@@ -815,106 +815,6 @@ var DragHandleLinesIcon = /*#__PURE__*/createIcon('grip-horizontal', {
   filled: false
 });
 
-var Icon$1 = {
-  __proto__: null,
-  Icon: Icon,
-  UserIcon: UserIcon,
-  HelpIcon: HelpIcon,
-  FolderIcon: FolderIcon,
-  ChevronIcon: ChevronIcon,
-  DragHandleIcon: DragHandleIcon,
-  FileIcon: FileIcon,
-  VideoIcon: VideoIcon,
-  ImageIcon: ImageIcon,
-  AudioIcon: AudioIcon,
-  TwitterIcon: TwitterIcon,
-  XIcon: XIcon,
-  TwitchIcon: TwitchIcon,
-  CloseIcon: CloseIcon,
-  InstagramIcon: InstagramIcon,
-  YoutubeIcon: YoutubeIcon,
-  FacebookIcon: FacebookIcon,
-  LinkedinIcon: LinkedinIcon,
-  ThreadsIcon: ThreadsIcon,
-  MinusIcon: MinusIcon,
-  InfoIcon: InfoIcon,
-  PlayIcon: PlayIcon,
-  PauseIcon: PauseIcon,
-  HeartIcon: HeartIcon,
-  StarIcon: StarIcon,
-  SaveIcon: SaveIcon,
-  WarningIcon: WarningIcon,
-  BatteryIcon: BatteryIcon,
-  BookmarkIcon: BookmarkIcon,
-  CloudIcon: CloudIcon,
-  CopyIcon: CopyIcon,
-  DustBinIcon: DustBinIcon,
-  DeleteIcon: DeleteIcon,
-  EditIcon: EditIcon,
-  MicrophoneIcon: MicrophoneIcon,
-  StopIcon: StopIcon,
-  SendIcon: SendIcon,
-  LoadingSpinnerIcon: LoadingSpinnerIcon,
-  AttachmentIcon: AttachmentIcon,
-  SearchIcon: SearchIcon,
-  HomeIcon: HomeIcon,
-  SettingsIcon: SettingsIcon,
-  DownloadIcon: DownloadIcon,
-  ShareIcon: ShareIcon,
-  TickIcon: TickIcon,
-  PlusIcon: PlusIcon,
-  CloseEyeIcon: CloseEyeIcon,
-  OpenEyeIcon: OpenEyeIcon,
-  LockIcon: LockIcon,
-  ProfileIcon: ProfileIcon,
-  ExternalLinkIcon: ExternalLinkIcon,
-  SuccessIcon: SuccessIcon,
-  ErrorIcon: ErrorIcon,
-  NotificationIcon: NotificationIcon,
-  DocumentIcon: DocumentIcon,
-  ChartIcon: ChartIcon,
-  MoonIcon: MoonIcon,
-  PanelIcon: PanelIcon,
-  UploadIcon: UploadIcon,
-  CheckIcon: CheckIcon,
-  BackIcon: BackIcon,
-  ZoomOutIcon: ZoomOutIcon,
-  TextIcon: TextIcon,
-  ShapeIcon: ShapeIcon,
-  RotateIcon: RotateIcon,
-  GiftIcon: GiftIcon,
-  ShieldIcon: ShieldIcon,
-  LogoutIcon: LogoutIcon,
-  PowerOffIcon: PowerOffIcon,
-  LinkIcon: LinkIcon,
-  LayoutIcon: LayoutIcon,
-  ZapIcon: ZapIcon,
-  CreditCardIcon: CreditCardIcon,
-  MoreIcon: MoreIcon,
-  TrashIcon: TrashIcon,
-  FilterIcon: FilterIcon,
-  CalendarIcon: CalendarIcon,
-  ClockIcon: ClockIcon,
-  MapPinIcon: MapPinIcon,
-  MenuIcon: MenuIcon,
-  RefreshIcon: RefreshIcon,
-  PrintIcon: PrintIcon,
-  MagicWandIcon: MagicWandIcon,
-  UnLikeIcon: UnLikeIcon,
-  LikeIcon: LikeIcon,
-  CameraIcon: CameraIcon,
-  BluetoothIcon: BluetoothIcon,
-  UnlockIcon: UnlockIcon,
-  WifiIcon: WifiIcon,
-  BoldArrowIcon: BoldArrowIcon,
-  ArrowIcon: ArrowIcon,
-  SpinnerIcon: SpinnerIcon,
-  SliderIcon: SliderIcon,
-  CropIcon: CropIcon,
-  ZoomInIcon: ZoomInIcon,
-  DragHandleLinesIcon: DragHandleLinesIcon
-};
-
 /**
  * Alert Styles
  *
@@ -17273,7 +17173,8 @@ var HighlightStyles = {
   glow: color => ({
     color: color,
     textShadow: "0 0 10px " + color + "80, 0 0 20px " + color + "40, 0 0 30px " + color + "20"
-  })
+  }),
+  default: () => ({})
 };
 
 var _excluded$Z = ["text", "typingSpeed", "pauseTime", "onComplete", "showCursor", "cursorColor", "textStyle", "textComponent", "as"];
@@ -17545,7 +17446,7 @@ var TitleView = _ref => {
   var {
       children,
       highlightText,
-      highlightStyle = 'background',
+      highlightStyle = 'default',
       highlightColor = 'theme.primary',
       highlightSecondaryColor,
       size = 'lg',
@@ -17642,9 +17543,9 @@ var TitleView = _ref => {
   // Common container props
   var containerProps = Object.assign({
     ref,
-    as: 'h1',
     animate: inView ? controlledAnimate : undefined
   }, !textComponent && {
+    as: 'h1',
     fontSize: useResponsive ? undefined : fontSize,
     fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
     letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
@@ -17700,25 +17601,27 @@ var TitleView = _ref => {
       lastIndex = match.index + match[0].length;
     }
     if (lastIndex < text.length) parts.push(text.substring(lastIndex));
-    return /*#__PURE__*/React__default.createElement(appStudio.Element, Object.assign({}, containerProps, views == null ? void 0 : views.container, props), parts.map((part, idx) => typeof part === 'string' ? part : (/*#__PURE__*/React__default.createElement(TextComponent, Object.assign({
+    return /*#__PURE__*/React__default.createElement(appStudio.Element, Object.assign({
+      fontSize: useResponsive ? undefined : fontSize
+    }, containerProps, views == null ? void 0 : views.container, props), parts.map((part, idx) => typeof part === 'string' ? part : (/*#__PURE__*/React__default.createElement(TextComponent, Object.assign({
       key: "highlight-" + idx,
       as: "span",
       display: "inline",
-      animate: inView ? controlledHighlightAnimate : undefined,
-      fontSize: useResponsive ? undefined : fontSize
+      animate: inView ? controlledHighlightAnimate : undefined
     }, !highlightSlide ? highlightProps : {}, views == null ? void 0 : views.highlight), renderHighlightedContent(part.text)))));
   }
   // Case 2: Has highlight style but no highlight target - apply style to entire title
   if (highlightStyle && !activeHighlightTarget) {
-    return /*#__PURE__*/React__default.createElement(appStudio.Element, Object.assign({}, containerProps, views == null ? void 0 : views.container, props), /*#__PURE__*/React__default.createElement(TextComponent, Object.assign({
+    return /*#__PURE__*/React__default.createElement(appStudio.Element, Object.assign({
+      fontSize: fontSize
+    }, containerProps, props, views == null ? void 0 : views.container), /*#__PURE__*/React__default.createElement(TextComponent, Object.assign({
       as: "span",
-      fontSize: fontSize,
       display: "inline",
       animate: inView ? controlledHighlightAnimate : undefined
     }, !highlightSlide ? highlightProps : {}, views == null ? void 0 : views.highlight), renderHighlightedContent(text)));
   }
   // Case 3: Default - no highlighting
-  return /*#__PURE__*/React__default.createElement(TextComponent, Object.assign({}, containerProps, views == null ? void 0 : views.container, props), text);
+  return /*#__PURE__*/React__default.createElement(TextComponent, Object.assign({}, containerProps, props, views == null ? void 0 : views.container), text);
 };
 
 /**
@@ -26519,7 +26422,7 @@ exports.HeartIcon = HeartIcon;
 exports.HelpIcon = HelpIcon;
 exports.HomeIcon = HomeIcon;
 exports.HoverCard = HoverCard;
-exports.Icon = Icon$1;
+exports.Icon = Icon;
 exports.ImageIcon = ImageIcon;
 exports.InfoIcon = InfoIcon;
 exports.InstagramIcon = InstagramIcon;