@app-studio/web 0.8.19 → 0.8.21

package/dist/components/index.d.ts

@@ -27,5 +27,6 @@ export * from './Table/Table';
 export * from './Tabs/Tabs';
 export * from './Text/Text';
 export * from './Icon/Icon';
+export * as Icon from './Icon/Icon';
 export * from './Toggle/Toggle';
 export * from './ToggleGroup/ToggleGroup';

package/dist/web.cjs.development.js

@@ -16,11 +16,9 @@ var reactRouterDom = require('react-router-dom');
 require('core-js/modules/es.array.includes.js');
 require('core-js/modules/es.string.includes.js');
 require('core-js/modules/es.string.starts-with.js');
-var Icon = require('src/components/Icon/Icon');
 var format = _interopDefault(require('date-fns/format'));
 var formik = require('formik');
 var zustand = require('zustand');
-var Layout = require('src/components/Layout');
 
 var Top = props => (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
   marginBottom: "auto"
@@ -1210,6 +1208,60 @@ var CloudIcon = _ref51 => {
   })));
 };
 
+var Icon = {
+  __proto__: null,
+  ChevronIcon: ChevronIcon,
+  CheckIcon: CheckIcon,
+  CloseIcon: CloseIcon,
+  CloseEyeIcon: CloseEyeIcon,
+  DustBinIcon: DustBinIcon,
+  EditIcon: EditIcon,
+  ExternalLinkIcon: ExternalLinkIcon,
+  MinusIcon: MinusIcon,
+  InfoIcon: InfoIcon,
+  OpenEyeIcon: OpenEyeIcon,
+  PlusIcon: PlusIcon,
+  SpinnerIcon: SpinnerIcon,
+  ProfileIcon: ProfileIcon,
+  ArrowIcon: ArrowIcon,
+  SearchIcon: SearchIcon,
+  SuccessIcon: SuccessIcon,
+  TickIcon: TickIcon,
+  NotificationIcon: NotificationIcon,
+  SettingsIcon: SettingsIcon,
+  CalendarIcon: CalendarIcon,
+  AddIcon: AddIcon,
+  DownloadIcon: DownloadIcon,
+  UploadIcon: UploadIcon,
+  BookmarkIcon: BookmarkIcon,
+  HomeIcon: HomeIcon,
+  MenuIcon: MenuIcon,
+  ShareIcon: ShareIcon,
+  FilterIcon: FilterIcon,
+  RefreshIcon: RefreshIcon,
+  CopyIcon: CopyIcon,
+  SaveIcon: SaveIcon,
+  PrintIcon: PrintIcon,
+  LockIcon: LockIcon,
+  UnlockIcon: UnlockIcon,
+  StarIcon: StarIcon,
+  HeartIcon: HeartIcon,
+  ThumbUpIcon: ThumbUpIcon,
+  ThumbDownIcon: ThumbDownIcon,
+  LocationIcon: LocationIcon,
+  ClockIcon: ClockIcon,
+  CameraIcon: CameraIcon,
+  MicrophoneIcon: MicrophoneIcon,
+  WifiIcon: WifiIcon,
+  BluetoothIcon: BluetoothIcon,
+  BatteryIcon: BatteryIcon,
+  SunIcon: SunIcon,
+  MoonIcon: MoonIcon,
+  ErrorIcon: ErrorIcon,
+  WarningIcon: WarningIcon,
+  CloudIcon: CloudIcon
+};
+
 // Define a constant object 'Themes' exporting various theme styles.
 var Themes = {
   // Start of the 'default' theme definition with style properties.
@@ -5243,12 +5295,12 @@ var CountryPickerView = _ref5 => {
   }, fieldStyles, props, {
     value: value,
     onChange: handleChange
-  }))), /*#__PURE__*/React__default.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React__default.createElement(Icon.ChevronIcon, {
+  }))), /*#__PURE__*/React__default.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React__default.createElement(ChevronIcon, {
     orientation: "down",
     size: IconSizes$4[size],
     color: IconColor,
     style: styles['icon']
-  })) : (/*#__PURE__*/React__default.createElement(Icon.ChevronIcon, {
+  })) : (/*#__PURE__*/React__default.createElement(ChevronIcon, {
     orientation: "up",
     size: IconSizes$4[size],
     color: IconColor,
@@ -5581,7 +5633,7 @@ var ComboBoxView = _ref => {
     onChange: value => handleSearch(value),
     hint: placeholder,
     isClearable: false,
-    leftChild: /*#__PURE__*/React__default.createElement(Icon.SearchIcon, {
+    leftChild: /*#__PURE__*/React__default.createElement(SearchIcon, {
       size: 12
     }),
     styles: {
@@ -5603,7 +5655,7 @@ var ComboBoxView = _ref => {
     backgroundColor: index === highlightedIndex ? 'color.gray.100' : 'transparent',
     onMouseEnter: () => setHighlightedIndex(index),
     onClick: () => handleSelect(item)
-  }, styles == null ? void 0 : styles.item), /*#__PURE__*/React__default.createElement(Text, null, item.label), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item.icon && item.icon, item.value === selectedItem.value && showTick && !item.icon && /*#__PURE__*/React__default.createElement(Icon.TickIcon, {
+  }, styles == null ? void 0 : styles.item), /*#__PURE__*/React__default.createElement(Text, null, item.label), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item.icon && item.icon, item.value === selectedItem.value && showTick && !item.icon && /*#__PURE__*/React__default.createElement(TickIcon, {
     size: 20
   }))))))))))));
 };
@@ -6613,7 +6665,7 @@ var TabsView = props => {
     // Returns a boolean indicating if the given tab is identical to the first tab in 'tabsState'.
     return tab.value === tabsState[0].value;
   };
-  return /*#__PURE__*/React__default.createElement(Layout.Vertical, Object.assign({
+  return /*#__PURE__*/React__default.createElement(Vertical, Object.assign({
     width: "100w",
     height: '100%'
   }, styles == null ? void 0 : styles.container), /*#__PURE__*/React__default.createElement(Horizontal, Object.assign({
@@ -6908,6 +6960,7 @@ exports.FormikTextField = FormikTextField;
 exports.HeartIcon = HeartIcon;
 exports.HomeIcon = HomeIcon;
 exports.Horizontal = Horizontal;
+exports.Icon = Icon;
 exports.InfoIcon = InfoIcon;
 exports.Inline = Inline;
 exports.Left = Left;