@goodhood-web/ui 0.0.6 → 1.0.0-development.1

package/src/lib/Fieldset/Fieldset.spec.tsx

@@ -1,68 +0,0 @@
-import { render, screen } from '@testing-library/react';
-
-import Fieldset from './Fieldset';
-
-describe('Fieldset', () => {
-  it('renders without crashing', () => {
-    render(
-      <Fieldset>
-        <input />
-      </Fieldset>,
-    );
-    const fieldsetElement = screen.getByRole('group');
-    expect(fieldsetElement).toBeInTheDocument();
-  });
-
-  it('applies given name and form attributes', () => {
-    render(
-      <Fieldset name="testName" form="testForm">
-        <input />
-      </Fieldset>,
-    );
-    const fieldsetElement = screen.getByRole('group');
-    expect(fieldsetElement).toHaveAttribute('name', 'testName');
-    expect(fieldsetElement).toHaveAttribute('form', 'testForm');
-  });
-
-  it('applies the disabled state to the fieldset', () => {
-    render(
-      <Fieldset disabled>
-        <input />
-      </Fieldset>,
-    );
-    const fieldsetElement = screen.getByRole('group');
-    expect(fieldsetElement).toBeDisabled();
-  });
-
-  it('propagates disabled state to children', () => {
-    const TestChild = ({ disabled }: { disabled?: boolean }) => (
-      <input disabled={disabled} />
-    );
-
-    render(
-      <Fieldset disabled>
-        <TestChild />
-      </Fieldset>,
-    );
-
-    const childElement = screen.getByRole('textbox');
-    expect(childElement).toBeInTheDocument();
-    expect(childElement).toBeDisabled();
-  });
-
-  it('does not render disabled state in children when not disabled', () => {
-    const TestChild = ({ disabled }: { disabled?: boolean }) => (
-      <input disabled={disabled} name="input" />
-    );
-
-    render(
-      <Fieldset>
-        <TestChild />
-      </Fieldset>,
-    );
-
-    const childElement = screen.getByRole('textbox');
-    expect(childElement).toBeInTheDocument();
-    expect(childElement).not.toBeDisabled();
-  });
-});

package/src/lib/Fieldset/Fieldset.stories.tsx

@@ -1,60 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import Legend from '../Legend/Legend';
-
-import Fieldset from './Fieldset';
-import { FieldsetProps } from './Fieldset.types';
-
-const meta: Meta<typeof Fieldset> = {
-  argTypes: {
-    classname: {
-      control: { type: 'text' },
-      description: 'Additional CSS class name',
-    },
-    disabled: {
-      control: { type: 'boolean' },
-      description: 'Disables the fieldset and all child elements',
-    },
-    form: {
-      control: { type: 'text' },
-      description: 'Associates the fieldset with a form element',
-    },
-    name: {
-      control: { type: 'text' },
-      description: 'Name attribute of the fieldset',
-    },
-  },
-  component: Fieldset,
-  title: 'Components/Fieldset',
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Fieldset>;
-
-const FieldsetWithInput = (props: FieldsetProps) => {
-  return (
-    <Fieldset {...props}>
-      <Legend
-        headline="Test fieldset"
-        text="lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet"
-      />
-      <input aria-label="testInput" />
-    </Fieldset>
-  );
-};
-
-export const Primary: Story = {
-  args: {
-    disabled: false,
-    form: '',
-    name: '',
-  },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/Q0LB4cf1uDAOQlRv79mj2W/User-Settings?type=design&node-id=5534-27795&mode=design',
-    },
-  },
-  render: FieldsetWithInput,
-};

package/src/lib/Fieldset/Fieldset.tsx

@@ -1,28 +0,0 @@
-import clsx from 'clsx';
-import { cloneElement, Children, isValidElement, ReactElement } from 'react';
-
-import styles from './Fieldset.module.scss';
-import { FieldsetProps } from './Fieldset.types';
-
-type ChildElement = ReactElement<{ disabled?: boolean }>;
-
-const Fieldset = ({ children, classname, disabled, form, name }: FieldsetProps) => {
-  const childrenWithProps = Children.map(children, (child) => {
-    if (isValidElement(child)) {
-      return cloneElement(child as ChildElement, { disabled });
-    }
-  });
-
-  return (
-    <fieldset
-      className={clsx(styles.fieldset, classname)}
-      disabled={disabled}
-      name={name}
-      form={form}
-    >
-      {childrenWithProps}
-    </fieldset>
-  );
-};
-
-export default Fieldset;

package/src/lib/Fieldset/Fieldset.types.ts

@@ -1,7 +0,0 @@
-export interface FieldsetProps {
-  children: React.ReactNode;
-  classname?: string;
-  disabled?: boolean;
-  form?: string;
-  name?: string;
-}

package/src/lib/Form/Form.spec.tsx

@@ -1,15 +0,0 @@
-import '@testing-library/jest-dom';
-import { render } from '@testing-library/react';
-
-import Form from './Form';
-
-describe('Form', () => {
-  it('should render successfully', () => {
-    const { baseElement } = render(
-      <Form>
-        <input type="text" placeholder="Test Input" />
-      </Form>,
-    );
-    expect(baseElement).toBeTruthy();
-  });
-});

package/src/lib/Form/Form.stories.tsx

@@ -1,53 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { ToggleInput, Fieldset, Legend } from '@goodhood-web/ui';
-
-import Form from './Form';
-
-const meta: Meta<typeof Form> = {
-  component: Form,
-  title: 'Components/Form',
-};
-export default meta;
-type Story = StoryObj<typeof Form>;
-
-const FormComponent = () => {
-  return (
-    <Form>
-      <Fieldset>
-        <Legend
-          headline="Headline"
-          text="lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl eget"
-        />
-        <ToggleInput checked={false} label="Toggle" />
-      </Fieldset>
-      <ToggleInput checked={false} label="Second Toggle" />
-    </Form>
-  );
-};
-
-export const Primary: Story = {
-  argTypes: {
-    ariaLabel: {
-      control: { type: 'text' },
-      description: `"ariaLabel" prop allows providing an accessible label for the Form component.`,
-    },
-    ariaLabelledBy: {
-      control: { type: 'text' },
-      description: `"ariaLabelledBy" prop allows providing an accessible label for the Form component.`,
-    },
-    children: {
-      control: { readonly: true, type: 'string' },
-      description: `"children" prop allows embedding various form elements within the Form component.`,
-    },
-    className: {
-      control: { type: 'text' },
-      description: `"className" prop allows extending the Form component styling.`,
-    },
-    id: {
-      control: { type: 'text' },
-      description: `"id" prop allows providing an id for the Form component.`,
-    },
-  },
-  render: () => FormComponent(),
-};

package/src/lib/Form/Form.tsx

@@ -1,14 +0,0 @@
-import { FormProps } from './Form.types';
-
-const Form = ({ ariaLabel, ariaLabelledBy, children, className, id }: FormProps) => (
-  <form
-    className={className}
-    aria-label={ariaLabel}
-    aria-labelledby={ariaLabelledBy}
-    id={id}
-  >
-    {children}
-  </form>
-);
-
-export default Form;

package/src/lib/Form/Form.types.ts

@@ -1,11 +0,0 @@
-import { HTMLProps } from 'react';
-
-type NativeFormProps = HTMLProps<HTMLFormElement>;
-
-export type FormProps = {
-  ariaLabel?: NativeFormProps['aria-label'];
-  ariaLabelledBy?: NativeFormProps['aria-labelledby'];
-  children?: React.ReactNode;
-  className?: NativeFormProps['className'];
-  id?: NativeFormProps['id'];
-};

package/src/lib/Icon/Icon.module.scss

@@ -1,7 +0,0 @@
-.iconComponent {
-  display: block;
-
-  path {
-    stroke: currentColor;
-  }
-}

package/src/lib/Icon/Icon.spec.tsx

@@ -1,33 +0,0 @@
-import { render, screen } from '@testing-library/react';
-
-import Icon from './Icon';
-
-describe('Icon', () => {
-  it('should render default size icon successfully', () => {
-    render(<Icon name="bookmark" />);
-    const iconElement = screen.getByRole('presentation');
-    expect(iconElement).toBeInTheDocument();
-  });
-  it('should render 32x32 icon successfully', () => {
-    render(<Icon name="bookmark" size="32" />);
-    const iconElement = screen.getByRole('presentation');
-    expect(iconElement).toBeInTheDocument();
-  });
-
-  it('should render 24x24 icon successfully', () => {
-    render(<Icon name="search" size="24" />);
-    const iconElement = screen.getByRole('presentation');
-    expect(iconElement).toBeInTheDocument();
-  });
-
-  it('should not render when icon does not exist', () => {
-    render(
-      <Icon
-        // @ts-expect-error we're intentionally passing a potentially invalid name for testing
-        name="nonExistentIconName"
-        size="24"
-      />,
-    );
-    expect(screen.queryByTestId('icon-nonexistent')).not.toBeInTheDocument();
-  });
-});

package/src/lib/Icon/Icon.stories.tsx

@@ -1,88 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import Icon from './Icon';
-import Icons24 from './icons/24x24';
-import Icons32 from './icons/32x32';
-
-const keys24 = Object.keys(Icons24);
-const keys32 = Object.keys(Icons32);
-const allIconNames = Array.from(new Set([...keys24, ...keys32]));
-
-const meta: Meta<typeof Icon> = {
-  argTypes: {
-    name: {
-      control: { type: 'select' },
-      options: allIconNames,
-    },
-    size: {
-      control: { type: 'radio' },
-      options: ['24', '32', undefined],
-    },
-  },
-  component: Icon,
-  title: 'Components/Icon',
-};
-
-export default meta;
-type Story = StoryObj<typeof Icon>;
-
-export const Primary: Story = {
-  args: {
-    name: 'address_book',
-    size: '32',
-  },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/QEMJpGo10AVSROrjdhjGMB/Brand-Design-System?type=design&node-id=5-7&mode=design&t=HyDabrM78VO3crZV-0',
-    },
-  },
-};
-
-const Icon24Story: StoryObj<typeof Icon> = {
-  argTypes: {
-    name: {
-      control: { type: 'select' },
-      options: keys24,
-    },
-    size: {
-      control: { type: 'radio' },
-      options: ['24'],
-    },
-  },
-  args: {
-    name: 'bookmark', // default value
-    size: '24',
-  },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/QEMJpGo10AVSROrjdhjGMB/Brand-Design-System?type=design&node-id=5-7&mode=design&t=HyDabrM78VO3crZV-0',
-    },
-  },
-};
-export const Icon24 = Icon24Story;
-
-const Icon32Story: StoryObj<typeof Icon> = {
-  argTypes: {
-    name: {
-      control: { type: 'select' },
-      options: keys32,
-    },
-    size: {
-      control: { type: 'radio' },
-      options: ['32'],
-    },
-  },
-  args: {
-    name: 'bookmark',
-    size: '32',
-  },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/QEMJpGo10AVSROrjdhjGMB/Brand-Design-System?type=design&node-id=5-7&mode=design&t=HyDabrM78VO3crZV-0',
-    },
-  },
-};
-export const Icon32 = Icon32Story;

package/src/lib/Icon/Icon.tsx

@@ -1,29 +0,0 @@
-import clsx from 'clsx';
-import { ReactElement } from 'react';
-
-import styles from './Icon.module.scss';
-import { IconProps } from './Icon.types';
-import icons from './icons';
-
-const Icon = ({
-  className,
-  name,
-  role = 'presentation',
-  size = '32',
-  title,
-}: IconProps): ReactElement | null => {
-  const iconSet = icons[size];
-  const IconComponent = iconSet[name as keyof typeof iconSet];
-
-  return IconComponent ? (
-    <IconComponent
-      className={clsx(styles.iconComponent, className)}
-      title={title}
-      role={role}
-      width={size}
-      height={size}
-    />
-  ) : null;
-};
-
-export default Icon;

package/src/lib/Icon/Icon.types.ts

@@ -1,23 +0,0 @@
-import { AriaRole } from 'react';
-
-import icons24 from './icons/24x24';
-import icons32 from './icons/32x32';
-
-export type Icon32 = keyof typeof icons32;
-export type Icon24 = keyof typeof icons24;
-
-type BaseIconProps = {
-  className?: string;
-  role?: Extract<AriaRole, 'presentation' | 'img'>;
-  title?: string;
-};
-
-export type IconProps =
-  | ({
-      name: Icon32;
-      size?: '32';
-    } & BaseIconProps)
-  | ({
-      name: Icon24;
-      size: '24';
-    } & BaseIconProps);

package/src/lib/Icon/icons/24x24/index.ts

@@ -1,89 +0,0 @@
-import ArrowLeft from './svg/arrow_left.svg?react';
-import ArrowRight from './svg/arrow_right.svg?react';
-import Bookmark from './svg/bookmark.svg?react';
-import Bookmarked from './svg/bookmarked.svg?react';
-import BurgerMenu from './svg/burger_menu.svg?react';
-import Camera from './svg/camera.svg?react';
-import Checkmark from './svg/checkmark.svg?react';
-import CheckmarkCircle from './svg/checkmark_circle.svg?react';
-import ChevronDown from './svg/chevron_down.svg?react';
-import ChevronLeft from './svg/chevron_left.svg?react';
-import ChevronRight from './svg/chevron_right.svg?react';
-import ChevronUp from './svg/chevron_up.svg?react';
-import CommentBubble from './svg/comment_bubble.svg?react';
-import Cross from './svg/cross.svg?react';
-import CrossCircle from './svg/cross_circle.svg?react';
-import Envelope from './svg/envelope.svg?react';
-import EventCalendar from './svg/event_calendar.svg?react';
-import ExternalLink from './svg/external_link.svg?react';
-import Eye from './svg/eye.svg?react';
-import EyeCrossed from './svg/eye_crossed.svg?react';
-import Filter from './svg/filter.svg?react';
-import Globe from './svg/globe.svg?react';
-import Heart from './svg/heart.svg?react';
-import Image from './svg/image.svg?react';
-import Loudspeaker from './svg/loudspeaker.svg?react';
-import Marketplace from './svg/marketplace.svg?react';
-import MoreDots from './svg/more_dots.svg?react';
-import MoreDotsAlt from './svg/more_dots_alt.svg?react';
-import Mute from './svg/mute.svg?react';
-import NotificationBell from './svg/notification_bell.svg?react';
-import Paperclip from './svg/paperclip.svg?react';
-import Pencil from './svg/pencil.svg?react';
-import Pin from './svg/pin.svg?react';
-import Plus from './svg/plus.svg?react';
-import PlusCircle from './svg/plus_circle.svg?react';
-import PrivacyLock from './svg/privacy_lock.svg?react';
-import Search from './svg/search.svg?react';
-import ShareArrow from './svg/share_arrow.svg?react';
-import ShareArrowOutline from './svg/share_arrow_outline.svg?react';
-import Sort from './svg/sort.svg?react';
-import Thanks from './svg/thanks.svg?react';
-import TrashCan from './svg/trash_can.svg?react';
-
-const IconsMap = {
-  arrow_left: ArrowLeft,
-  arrow_right: ArrowRight,
-  bookmark: Bookmark,
-  bookmarked: Bookmarked,
-  burger_menu: BurgerMenu,
-  camera: Camera,
-  checkmark: Checkmark,
-  checkmark_circle: CheckmarkCircle,
-  chevron_down: ChevronDown,
-  chevron_left: ChevronLeft,
-  chevron_right: ChevronRight,
-  chevron_up: ChevronUp,
-  comment_bubble: CommentBubble,
-  cross: Cross,
-  cross_circle: CrossCircle,
-  envelope: Envelope,
-  event_calendar: EventCalendar,
-  external_link: ExternalLink,
-  eye: Eye,
-  eye_crossed: EyeCrossed,
-  filter: Filter,
-  globe: Globe,
-  heart: Heart,
-  image: Image,
-  loudspeaker: Loudspeaker,
-  marketplace: Marketplace,
-  more_dots: MoreDots,
-  more_dots_alt: MoreDotsAlt,
-  mute: Mute,
-  notification_bell: NotificationBell,
-  paperclip: Paperclip,
-  pencil: Pencil,
-  pin: Pin,
-  plus: Plus,
-  plus_circle: PlusCircle,
-  privacy_lock: PrivacyLock,
-  search: Search,
-  share_arrow: ShareArrow,
-  share_arrow_outline: ShareArrowOutline,
-  sort: Sort,
-  thanks: Thanks,
-  trash_can: TrashCan,
-} as const;
-
-export default IconsMap;

package/src/lib/Icon/icons/24x24/svg/arrow_left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m14 21-8.93-8.93a.1.1 0 0 1 0-.14L14 3m-8 9h15"/></svg>

package/src/lib/Icon/icons/24x24/svg/arrow_right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m12 21 8.93-8.93a.1.1 0 0 0 0-.14L12 3m8 9H5"/></svg>

package/src/lib/Icon/icons/24x24/svg/bookmark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-width="1.5" d="M4 9v11a1 1 0 0 0 1.6.8l5.2-3.9a2 2 0 0 1 2.4 0l5.2 3.9A1 1 0 0 0 20 20V9M4 9V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4M4 9h16"/></svg>

package/src/lib/Icon/icons/24x24/svg/bookmarked.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#201649" fill-rule="evenodd" d="M5.5 2.5a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1v-3a2 2 0 0 0-2-2h-13Zm14 7.5h-15a1 1 0 0 0-1 1v10.07a1 1 0 0 0 1.577.817l6.346-4.48a1 1 0 0 1 1.154 0l6.346 4.48a1 1 0 0 0 1.577-.817V11a1 1 0 0 0-1-1Z" clip-rule="evenodd"/></svg>

package/src/lib/Icon/icons/24x24/svg/burger_menu.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M2.5 12h19m-19 6.5h19m-19-13h19"/></svg>

package/src/lib/Icon/icons/24x24/svg/camera.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-width="1.5" d="M2 9a2.5 2.5 0 0 1 2.5-2.5h1.77a.5.5 0 0 0 .38-.175L8.9 3.698A2 2 0 0 1 10.42 3h3.16a2 2 0 0 1 1.519.698l2.251 2.627a.5.5 0 0 0 .38.175h1.77A2.5 2.5 0 0 1 22 9v9a2.5 2.5 0 0 1-2.5 2.5h-15A2.5 2.5 0 0 1 2 18V9Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/checkmark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m4 13 4.859 4.859a.2.2 0 0 0 .282 0L20 7"/></svg>

package/src/lib/Icon/icons/24x24/svg/checkmark_circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m7 12.5 3 3 7-7m4.5 3.5a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/chevron_down.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m21 8-8.93 8.93a.1.1 0 0 1-.14 0L3 8"/></svg>

package/src/lib/Icon/icons/24x24/svg/chevron_left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m15 21-8.93-8.93a.1.1 0 0 1 0-.14L15 3"/></svg>

package/src/lib/Icon/icons/24x24/svg/chevron_right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m9 3 8.93 8.93a.1.1 0 0 1 0 .14L9 21"/></svg>

package/src/lib/Icon/icons/24x24/svg/chevron_up.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m21 16-8.93-8.93a.1.1 0 0 0-.14 0L3 16"/></svg>

package/src/lib/Icon/icons/24x24/svg/comment_bubble.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M8 13.5h7M9 10h7m5 2a9 9 0 0 1-12.697 8.208 1.063 1.063 0 0 0-.632-.082l-3.953.74a.5.5 0 0 1-.584-.584l.74-3.953c.04-.213.008-.434-.082-.632A9 9 0 1 1 21 12Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/cross.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m4 20 8-8 8-8m0 16L4 4"/></svg>

package/src/lib/Icon/icons/24x24/svg/cross_circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m8 16 8-8m0 8L8 8m13.5 4a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/envelope.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m9.5 11.689 1.348 1.303c.644.622 1.66.622 2.304 0l1.348-1.303m-5 0L2.521 4.46M9.5 11.689l-6.979 7.85M21.48 4.461 14.5 11.689m0 0 6.979 7.85M20 20.5H4a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/event_calendar.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M21 10.5v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4m18 0v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8m18 0H3M12 2v5m5-5v5M7 7V2"/></svg>

package/src/lib/Icon/icons/24x24/svg/external_link.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M13 3h7.9a.1.1 0 0 1 .1.1V11m-1-7L10 14M6 3H4a1 1 0 0 0-1 1v15a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-2"/></svg>

package/src/lib/Icon/icons/24x24/svg/eye.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-width="1.5" d="M12 5C6.542 5 2.847 9.935 1.802 11.518a.868.868 0 0 0 0 .964C2.847 14.065 6.542 19 12 19s9.153-4.935 10.198-6.518a.868.868 0 0 0 0-.964C21.153 9.935 17.458 5 12 5Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/eye_crossed.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m3.5 3.5 17 17M12 5C6.542 5 2.847 9.935 1.802 11.518a.868.868 0 0 0 0 .964C2.847 14.065 6.542 19 12 19s9.153-4.935 10.198-6.518a.868.868 0 0 0 0-.964C21.153 9.935 17.458 5 12 5Zm0 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/filter.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-width="1.5" d="M19.178 3.5H4.822a1 1 0 0 0-.844 1.537l5.71 8.972A2 2 0 0 1 10 15.082v5.3a1 1 0 0 0 1.447.894l2-1a1 1 0 0 0 .553-.894v-4.3a2 2 0 0 1 .313-1.073l5.709-8.972a1 1 0 0 0-.844-1.537Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/globe.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-width="1.5" d="M21.5 12a9.5 9.5 0 0 1-9.5 9.5m9.5-9.5A9.5 9.5 0 0 0 12 2.5m9.5 9.5h-19m9.5 9.5A9.5 9.5 0 0 1 2.5 12m9.5 9.5v-19m0 19S6.5 17 6.5 12 12 2.5 12 2.5m0 19s5.5-4.5 5.5-9.5S12 2.5 12 2.5M2.5 12A9.5 9.5 0 0 1 12 2.5"/></svg>

package/src/lib/Icon/icons/24x24/svg/heart.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M12.092 6.733C13.64 3.853 17.05 2.45 19.5 4.41c2.5 2 2.203 5.594.5 9-2.315 4.63-7.203 7.116-7.913 7.459a.178.178 0 0 1-.171-.006c-.7-.398-5.598-3.28-7.916-7.453-1.85-3.329-2-7 .5-9 2.45-1.96 5.86-.559 7.408 2.322a.105.105 0 0 0 .184 0Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/image.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-width="1.5" d="M2.5 18a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2v-3m-19 3V6a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2v9m-19 3 4.293-4.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 0 1.414 0l3.879-3.879a2 2 0 0 1 2.828 0L21.5 15M7 9.5a.707.707 0 0 0 1-1 .707.707 0 0 0-1 1Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/loudspeaker.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M19.5 14.5 7.053 20.954a1.62 1.62 0 0 1-1.892-.293L3.34 18.84a1.62 1.62 0 0 1-.293-1.892L9.5 4.5M21 16 8 3m6 1 1-2.5m5 8.5 2.5-1M11 19.5l1.1 1.833a.81.81 0 0 0 1.083.295l4.076-2.224a.81.81 0 0 0 .307-1.128L16.5 16.5M17 7l4-4"/></svg>

package/src/lib/Icon/icons/24x24/svg/marketplace.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M5 9h-.5a2 2 0 0 1-1.846-2.77l1.09-2.615A1 1 0 0 1 4.667 3H9.5M5 9v4m0-4h3.5M5 13H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1m0-6h14m0-4h.5a2 2 0 0 0 1.846-2.77l-1.09-2.615A1 1 0 0 0 19.333 3H14.5M19 9v4m0-4h-3.5m3.5 4h1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-1m0 0v2m0-2H5m0 0v2M9.5 3l-1 6m1-6h5m-6 6h7m-1-6 1 6"/></svg>

package/src/lib/Icon/icons/24x24/svg/more_dots.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#201649" d="M6 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM13.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM19.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/more_dots_alt.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#201649" d="M13.5 18a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM12 10.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 4.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/mute.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="m5.5 5.5 13 13m3-6.5a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Z"/></svg>

package/src/lib/Icon/icons/24x24/svg/notification_bell.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="#201649" stroke-linecap="round" stroke-width="1.5" d="M8.833 18.667S8.833 22 12.167 22c3.333 0 3.333-3.333 3.333-3.333M5.5 8.003v3.235c0 2.344-1.14 4.265-2.048 6.322-.234.53.163 1.107.743 1.107h15.943c.58 0 .978-.576.743-1.107-.907-2.057-2.048-3.978-2.048-6.322V8.003A3.503 3.503 0 0 0 15.331 4.5a.324.324 0 0 1-.305-.24c-.179-.626-.838-2.26-2.86-2.26-2.02 0-2.68 1.634-2.858 2.26a.324.324 0 0 1-.305.24A3.503 3.503 0 0 0 5.5 8.003Z"/></svg>