@epilot360/icons 1.10.0 → 1.11.1

package/src/react/EpilotIcon.tsx

@@ -0,0 +1,199 @@
+/* eslint-disable import/order */
+import React from 'react';
+
+import { Epilot } from './Epilot';
+import { Edit } from './Edit';
+import { OpenInNew } from './OpenInNew';
+import { Share } from './Share';
+import { Delete } from './Delete';
+import { Add } from './Add';
+import { AddCircle } from './AddCircle';
+import { Check } from './Check';
+import { CheckCircle } from './CheckCircle';
+import { Warning } from './Warning';
+import { Error } from './Error';
+import { Info } from './Info';
+import { Help } from './Help';
+import { ContentCopy } from './ContentCopy';
+import { DataObject } from './DataObject';
+import { Notifications } from './Notifications';
+import { Visibility } from './Visibility';
+import { VisibilityOff } from './VisibilityOff';
+import { Close } from './Close';
+import { ExpandMore } from './ExpandMore';
+import { ExpandLess } from './ExpandLess';
+import { ChevronRight } from './ChevronRight';
+import { ChevronLeft } from './ChevronLeft';
+import { Search } from './Search';
+import { Settings } from './Settings';
+import { Calendar } from './Calendar';
+import { Explore } from './Explore';
+import { DragIndicator } from './DragIndicator';
+import { Download } from './Download';
+import { Refresh } from './Refresh';
+import { Menu } from './Menu';
+import { Link } from './Link';
+import { Login } from './Login';
+import { Logout } from './Logout';
+import { Lock } from './Lock';
+import { LockOpen } from './LockOpen';
+import { Table } from './Table';
+import { Attributes } from './Attributes';
+import { ArrowRight } from './ArrowRight';
+import { ArrowLeft } from './ArrowLeft';
+import { Dashboard } from './Dashboard';
+import { Opportunity } from './Opportunity';
+import { Order } from './Order';
+import { Contact } from './Contact';
+import { Account } from './Account';
+import { Contract } from './Contract';
+import { Message } from './Message';
+import { File } from './File';
+import { Note } from './Note';
+import { Document } from './Document';
+import { Templates } from './Templates';
+import { Product } from './Product';
+import { Price } from './Price';
+import { Tax } from './Tax';
+import { Submission } from './Submission';
+import { Partner } from './Partner';
+import { Partnering } from './Partnering';
+import { Meter } from './Meter';
+import { Entity } from './Entity';
+import { Webhook } from './Webhook';
+import { Design } from './Design';
+import { Workflow } from './Workflow';
+import { Phase } from './Phase';
+import { Automation } from './Automation';
+import { Journey } from './Journey';
+import { Relations } from './Relations';
+import { Availability } from './Availability';
+import { Filter } from './Filter';
+import { Sort } from './Sort';
+import { Desktop } from './Desktop';
+import { Phone } from './Phone';
+import { Image } from './Image';
+import { Pause } from './Pause';
+import { Play } from './Play';
+import { Alarm } from './Alarm';
+import { ArrowCircleLeft } from './ArrowCircleLeft';
+import { MoreVert } from './MoreVert';
+import { QuestionMark } from './QuestionMark';
+import { Skip } from './Skip';
+import { Checklist } from './Checklist';
+import { PersonCheck } from './PersonCheck';
+import { Comment } from './Comment';
+import { Star } from './Star';
+import { Exclamation } from './Exclamation';
+import { Primary } from './Primary';
+import { PriceMapping } from './PriceMapping';
+import { Reply } from './Reply';
+import { Resize } from './Resize';
+
+import type { IconPropsReact } from './types';
+
+export const IconComponentsMap = {
+  epilot: Epilot,
+  edit: Edit,
+  open_in_new: OpenInNew,
+  share: Share,
+  delete: Delete,
+  add: Add,
+  add_circle: AddCircle,
+  check: Check,
+  check_circle: CheckCircle,
+  warning: Warning,
+  error: Error,
+  info: Info,
+  help: Help,
+  content_copy: ContentCopy,
+  data_object: DataObject,
+  notifications: Notifications,
+  visibility: Visibility,
+  visibility_off: VisibilityOff,
+  close: Close,
+  expand_more: ExpandMore,
+  expand_less: ExpandLess,
+  chevron_right: ChevronRight,
+  chevron_left: ChevronLeft,
+  search: Search,
+  settings: Settings,
+  calendar: Calendar,
+  explore: Explore,
+  drag_indicator: DragIndicator,
+  download: Download,
+  refresh: Refresh,
+  menu: Menu,
+  link: Link,
+  login: Login,
+  logout: Logout,
+  lock: Lock,
+  lock_open: LockOpen,
+  table: Table,
+  attributes: Attributes,
+  arrow_right: ArrowRight,
+  arrow_left: ArrowLeft,
+  dashboard: Dashboard,
+  opportunity: Opportunity,
+  order: Order,
+  contact: Contact,
+  account: Account,
+  contract: Contract,
+  message: Message,
+  file: File,
+  note: Note,
+  document: Document,
+  templates: Templates,
+  product: Product,
+  price: Price,
+  tax: Tax,
+  submission: Submission,
+  partner: Partner,
+  partnering: Partnering,
+  meter: Meter,
+  entity: Entity,
+  webhook: Webhook,
+  design: Design,
+  workflow: Workflow,
+  phase: Phase,
+  automation: Automation,
+  journey: Journey,
+  relations: Relations,
+  availability: Availability,
+  filter: Filter,
+  sort: Sort,
+  desktop: Desktop,
+  phone: Phone,
+  image: Image,
+  pause: Pause,
+  play: Play,
+  alarm: Alarm,
+  arrow_circle_left: ArrowCircleLeft,
+  more_vert: MoreVert,
+  question_mark: QuestionMark,
+  skip: Skip,
+  checklist: Checklist,
+  person_check: PersonCheck,
+  comment: Comment,
+  star: Star,
+  exclamation: Exclamation,
+  primary: Primary,
+  price_mapping: PriceMapping,
+  reply: Reply,
+  resize: Resize,
+};
+
+export type IconName = keyof typeof IconComponentsMap;
+type Props = IconPropsReact & { name: IconName };
+
+export const EpilotIcon = (props: Props) => {
+  const { name, ...restProps } = props;
+
+  const iconComponent = IconComponentsMap[name];
+
+  if (!iconComponent) return null;
+
+  return React.createElement(iconComponent, restProps);
+};
+
+export default EpilotIcon;

package/src/react/Error/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Error/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Error/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'error';
+
+export function Error(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Error;

package/src/react/Error/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Error } from '.';
+
+const story = generateStory(Error);
+
+export default {
+  title: 'Icons/Error',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Exclamation/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Exclamation/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Exclamation/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'exclamation';
+
+export function Exclamation(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Exclamation;

package/src/react/Exclamation/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Exclamation } from '.';
+
+const story = generateStory(Exclamation);
+
+export default {
+  title: 'Icons/Exclamation',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/ExpandLess/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/ExpandLess/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/ExpandLess/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'expand_less';
+
+export function ExpandLess(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default ExpandLess;

package/src/react/ExpandLess/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { ExpandLess } from '.';
+
+const story = generateStory(ExpandLess);
+
+export default {
+  title: 'Icons/ExpandLess',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/ExpandMore/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/ExpandMore/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/ExpandMore/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'expand_more';
+
+export function ExpandMore(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default ExpandMore;

package/src/react/ExpandMore/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { ExpandMore } from '.';
+
+const story = generateStory(ExpandMore);
+
+export default {
+  title: 'Icons/ExpandMore',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Explore/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Explore/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Explore/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'explore';
+
+export function Explore(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Explore;

package/src/react/Explore/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Explore } from '.';
+
+const story = generateStory(Explore);
+
+export default {
+  title: 'Icons/Explore',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/File/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/File/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/File/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'file';
+
+export function File(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default File;

package/src/react/File/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { File } from '.';
+
+const story = generateStory(File);
+
+export default {
+  title: 'Icons/File',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Filter/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Filter/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Filter/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'filter';
+
+export function Filter(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Filter;

package/src/react/Filter/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Filter } from '.';
+
+const story = generateStory(Filter);
+
+export default {
+  title: 'Icons/Filter',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Help/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Help/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Help/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'help';
+
+export function Help(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Help;

package/src/react/Help/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Help } from '.';
+
+const story = generateStory(Help);
+
+export default {
+  title: 'Icons/Help',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Image/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Image/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Image/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'image';
+
+export function Image(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Image;

package/src/react/Image/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Image } from '.';
+
+const story = generateStory(Image);
+
+export default {
+  title: 'Icons/Image',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Info/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Info/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Info/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'info';
+
+export function Info(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Info;

package/src/react/Info/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Info } from '.';
+
+const story = generateStory(Info);
+
+export default {
+  title: 'Icons/Info',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Journey/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Journey/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Journey/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'journey';
+
+export function Journey(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Journey;

package/src/react/Journey/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Journey } from '.';
+
+const story = generateStory(Journey);
+
+export default {
+  title: 'Icons/Journey',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Link/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Link/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Link/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'link';
+
+export function Link(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Link;

package/src/react/Link/story.stories.tsx

@@ -0,0 +1,13 @@
+import { generateStory } from '../../stories/util';
+
+import { Link } from '.';
+
+const story = generateStory(Link);
+
+export default {
+  title: 'Icons/Link',
+  tags: ['autodocs'],
+  ...story.meta,
+};
+
+export const Icon = story.story;

package/src/react/Lock/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { ReactComponent as Filled } from '../../svg/Lock/icon-fill.svg';
+import { ReactComponent as Outlined } from '../../svg/Lock/icon.svg';
+import { defaultIconProps } from '../common';
+import type { IconPropsReact } from '../types';
+
+const name = 'lock';
+
+export function Lock(props: IconPropsReact) {
+  const { variant, ...restProps } = {
+    ...defaultIconProps,
+    ...props,
+  };
+  const IconComponent = variant === 'outlined' ? Outlined : Filled;
+
+  const overrides = props.size ? { width: props.size, height: props.size } : {};
+
+  return <IconComponent aria-label={name} {...restProps} {...overrides} />;
+}
+
+export default Lock;