@epilot360/icons 1.7.1 → 1.8.0

package/src/react/Share/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Share/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Share/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'share';
-
-export function Share(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 Share;

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

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

package/src/react/Sort/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Sort/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Sort/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'sort';
-
-export function Sort(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 Sort;

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

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

package/src/react/Submission/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Submission/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Submission/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'submission';
-
-export function Submission(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 Submission;

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

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

package/src/react/Table/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Table/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Table/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'table';
-
-export function Table(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 Table;

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

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

package/src/react/Tax/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Tax/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Tax/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'tax';
-
-export function Tax(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 Tax;

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

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

package/src/react/Templates/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Templates/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Templates/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'templates';
-
-export function Templates(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 Templates;

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

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

package/src/react/Visibility/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Visibility/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Visibility/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'visibility';
-
-export function Visibility(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 Visibility;

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

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

package/src/react/VisibilityOff/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/VisibilityOff/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/VisibilityOff/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'visibility_off';
-
-export function VisibilityOff(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 VisibilityOff;

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

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

package/src/react/Warning/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Warning/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Warning/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'warning';
-
-export function Warning(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 Warning;

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

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

package/src/react/Webhook/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Webhook/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Webhook/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'webhook';
-
-export function Webhook(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 Webhook;

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

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

package/src/react/Workflow/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { ReactComponent as Filled } from '../../svg/Workflow/icon-fill.svg';
-import { ReactComponent as Outlined } from '../../svg/Workflow/icon.svg';
-import { defaultIconProps } from '../common';
-import type { IconPropsReact } from '../types';
-
-const name = 'workflow';
-
-export function Workflow(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 Workflow;

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

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

package/src/react/common.ts

@@ -1,8 +0,0 @@
-import type { IconProps } from '../types';
-
-export const defaultIconProps: IconProps = {
-  width: 20,
-  height: 20,
-  fill: 'currentColor',
-  variant: 'filled',
-};

package/src/react/index.ts

@@ -1,66 +0,0 @@
-export * from './Epilot';
-export * from './Edit';
-export * from './OpenInNew';
-export * from './Share';
-export * from './Delete';
-export * from './Add';
-export * from './AddCircle';
-export * from './Check';
-export * from './CheckCircle';
-export * from './Warning';
-export * from './Error';
-export * from './Info';
-export * from './Help';
-export * from './ContentCopy';
-export * from './DataObject';
-export * from './Notifications';
-export * from './Visibility';
-export * from './VisibilityOff';
-export * from './Close';
-export * from './ExpandMore';
-export * from './ExpandLess';
-export * from './Search';
-export * from './Settings';
-export * from './Calendar';
-export * from './Explore';
-export * from './DragIndicator';
-export * from './Download';
-export * from './Refresh';
-export * from './Menu';
-export * from './Link';
-export * from './Login';
-export * from './Logout';
-export * from './Lock';
-export * from './LockOpen';
-export * from './Table';
-export * from './Attributes';
-export * from './ArrowRight';
-export * from './ArrowLeft';
-export * from './Dashboard';
-export * from './Opportunity';
-export * from './Order';
-export * from './Contact';
-export * from './Account';
-export * from './Contract';
-export * from './Message';
-export * from './File';
-export * from './Note';
-export * from './Document';
-export * from './Templates';
-export * from './Product';
-export * from './Price';
-export * from './Tax';
-export * from './Submission';
-export * from './Partner';
-export * from './Meter';
-export * from './Entity';
-export * from './Webhook';
-export * from './Design';
-export * from './Workflow';
-export * from './Journey';
-export * from './Relations';
-export * from './Availability';
-export * from './Filter';
-export * from './Sort';
-
-export * from './EpilotIcon';

package/src/react/types.ts

@@ -1,5 +0,0 @@
-import { SVGProps } from 'react';
-
-import { IconProps } from '../types';
-
-export interface IconPropsReact extends IconProps, SVGProps<SVGElement> {}

package/src/stories/Readme.mdx

@@ -1,69 +0,0 @@
-import { Meta } from '@storybook/blocks';
-
-<Meta title="Readme" />
-
-# @epilot360/icons
-
-[![License](http://img.shields.io/:license-mit-blue.svg)](#)
-[![npm version](https://img.shields.io/npm/v/@epilot360/icons.svg)](https://www.npmjs.com/package/@epilot360/icons)
-
-Curated set of epilot icons based on [material-symbols](https://www.npmjs.com/package/material-symbols)
-
-```
-yarn add @epilot360/icons
-```
-
-## Usage
-
-The `@epilot360/icons` package is shipped as an external system module in the 360 portal.
-
-You can import any icon as a React component by name:
-
-```tsx
-import { Edit as EditIcon, EpilotIcon } from '@epilot360/icons'
-
-<EditIcon />
-// or
-<EpilotIcon name="edit" />
-```
-
-## Usage outside 360 portal
-
-To avoid bundling the entire `@epilot360/icons` library, you can import the module directly:
-
-```tsx
-import EditIcon from '@epilot360/icons/react/Edit'
-
-<EditIcon />
-```
-
-## Using SVG
-
-To directly use svg files shipped as part of this package, e.g. with `file-loader` you can import from:
-
-```tsx
-import EditIconSVG from '@epilot360/icons/svg/Edit/icon.svg'
-import EditIconSVGFill from '@epilot360/icons/svg/Edit/icon-fill.svg'
-
-<img src={EditIconSVG} />
-```
-
-## Using svgIcon()
-
-The `svgIcon()` function returns the raw SVG as a string.
-
-```tsx
-import { svgIcon } from '@epilot360/icons';
-
-<div dangerouslySetInnerHTML={{ __html: svgIcon({ name: 'epilot' }) }} />
-
-<pre>
-  {svgIcon({ name: 'epilot', variant: 'filled', width: 48, height: 48, fill: 'white' })}
-</pre>
-```
-
-# All Icons
-
-import { SearchComponent } from './SearchComponent';
-
-<SearchComponent />

package/src/stories/SVGExample.stories.tsx

@@ -1,55 +0,0 @@
-import type { Meta, StoryContext, StoryObj } from '@storybook/react';
-import { codeBlock } from 'common-tags';
-
-import { SVGExample } from './SVGExample';
-
-const meta: Meta<typeof SVGExample> = {
-  title: 'SVG',
-  component: SVGExample,
-  parameters: {
-    layout: 'centered',
-    docs: {
-      description: {
-        component: 'The `svgIcon()` function returns the raw SVG as a string.',
-      },
-      source: {
-        transform: (_code: string, ctx: StoryContext) => {
-          /* eslint-disable prettier/prettier */
-          const { name, variant, fill, size, width, height, xclass } = ctx.args;
-          const iconOpts = `{ name: '${name}', variant: '${variant}', fill: '${fill}'${size || width || height ? size ? `, size: '${size}'` : `, width: '${width}', height: '${height}'` : ''}${xclass ? `, xclass: '${xclass}'` : ''} }`
-
-          return codeBlock`
-          <div dangerouslySetInnerHTML={{ __html: svgIcon(${iconOpts}) }} />
-          
-          <pre>
-            {svgIcon(${iconOpts})}
-          </pre>
-          `;
-          /* eslint-enable prettier/prettier */
-        },
-      },
-      canvas: {
-        sourceState: 'shown',
-      },
-    },
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    fill: { control: 'color' },
-    size: { control: 'number' },
-    width: { control: 'number' },
-    height: { control: 'number' },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SVGExample>;
-
-export const Story: Story = {
-  args: {
-    name: 'edit',
-    variant: 'filled',
-    fill: '#000',
-  },
-};

package/src/stories/SVGExample.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import { svgIcon } from '../svg/svgIcon';
-
-export const SVGExample = (props: Parameters<typeof svgIcon>[0]) => (
-  <>
-    <div dangerouslySetInnerHTML={{ __html: svgIcon(props) }} />
-    <pre style={{ whiteSpace: 'pre-wrap', overflowWrap: 'break-word' }}>{svgIcon(props)}</pre>
-  </>
-);

package/src/stories/Search.mdx

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/blocks';
-import { SearchComponent } from './SearchComponent';
-
-<Meta title="Search All Icons" order={20} />
-
-# Search All Icons
-
-<SearchComponent />