@okam/stack-ui 1.25.3 → 1.25.4

package/components/TabList/interface.d.ts

@@ -0,0 +1,18 @@
+import type { TabListState } from '@react-stately/tabs';
+import type { Node } from '@react-types/shared';
+import type { AriaTabListProps, AriaTabPanelProps } from '@react-types/tabs';
+import type React from 'react';
+export interface TTab {
+    item: Node<object>;
+    state: TabListState<object>;
+}
+export interface TTabPanel extends AriaTabPanelProps {
+    state: TabListState<object>;
+}
+export interface TTabList extends AriaTabListProps<object> {
+    label?: React.ReactNode | string;
+}
+export interface TPreviousTabState {
+    previousSelectedHash: string;
+    previousSelectedKey: string;
+}

package/components/Typography/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TTypographyProps } from './interface';
+declare const Typography: ({ as: Component, themeName, tokens, customTheme, children, ...rest }: TTypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TypographyWithForwardRef: React.ForwardRefExoticComponent<TTypographyProps<import("../..").TToken> & React.RefAttributes<HTMLElement>>;
+export default Typography;

package/components/Typography/interface.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="trusted-types" />
+import type React from 'react';
+import type { TToken } from '../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../types/components';
+export interface TTypographyProps<T = TToken> extends TDefaultComponent<T> {
+    children?: React.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    };
+}

package/components/WysiwygBlock/index.d.ts

@@ -0,0 +1,3 @@
+import type TWysiwygBlockProps from './interface';
+declare const WysiwygBlock: ({ content, themeName, ...rest }: TWysiwygBlockProps) => import("react/jsx-runtime").JSX.Element;
+export default WysiwygBlock;

package/components/WysiwygBlock/interface.d.ts

@@ -0,0 +1,5 @@
+import type { TDefaultComponent } from '../../types/components';
+interface TWysiwygBlockProps extends TDefaultComponent {
+    content: string;
+}
+export default TWysiwygBlockProps;

package/components/fields/Checkbox/Checkbox.interface.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import type { AriaCheckboxProps } from 'react-aria';
+import type { TDefaultComponent } from '../../../types/components';
+export interface TCheckboxProps extends TDefaultComponent, AriaCheckboxProps {
+    label: string;
+    isError?: boolean;
+    errorMessage?: string;
+    ariaLabel?: string;
+    icon?: React.ReactNode;
+}
+export interface TCheckboxLabelStyles {
+    isDisabled?: boolean;
+}
+export interface TCheckboxStyles {
+    isDisabled?: boolean;
+    isFocused?: boolean;
+    isError?: boolean;
+}

package/components/fields/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import type { TCheckboxProps } from './Checkbox.interface';
+declare const Checkbox: (props: TCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts

@@ -0,0 +1,3 @@
+import type { TCheckboxGroupItemProps } from '../../interface';
+declare const CheckboxGroupItem: (props: TCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CheckboxGroupItem;

package/components/fields/CheckboxGroup/index.d.ts

@@ -0,0 +1,3 @@
+import type { TCheckboxGroupProps } from './interface';
+declare const CheckboxGroup: (props: TCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxGroup;

package/components/fields/CheckboxGroup/interface.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { AriaCheckboxGroupItemProps } from 'react-aria';
+import type { CheckboxGroupProps } from 'react-stately';
+import type { TDefaultComponent } from '../../../types/components';
+import type { TCheckboxProps } from '../Checkbox/Checkbox.interface';
+export interface TCheckboxGroupProps extends TDefaultComponent, CheckboxGroupProps {
+    children: React.ReactNode;
+    isError?: boolean;
+    isDisabled?: boolean;
+    errorMessage?: string;
+    label?: string;
+}
+export type TCheckboxGroupItemProps = TDefaultComponent & Omit<AriaCheckboxGroupItemProps, 'children'> & Omit<TCheckboxProps, 'children'>;

package/components/fields/DatePicker/DateRangePicker.d.ts

@@ -0,0 +1,3 @@
+import type { TDateRangePickerProps } from './interface';
+declare function DateRangePicker(props: TDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export default DateRangePicker;

package/components/fields/DatePicker/components/CalendarPopover.d.ts

@@ -0,0 +1,2 @@
+import type { TCalendarPopoverProps } from '../interface';
+export declare function CalendarPopover({ themeName, tokens, ...rest }: TCalendarPopoverProps): import("react/jsx-runtime").JSX.Element;

package/components/fields/DatePicker/components/DateField.d.ts

@@ -0,0 +1,4 @@
+import type { DateValue } from '@internationalized/date';
+import type { AriaDatePickerProps } from '@react-aria/datepicker';
+declare function DateField(props: AriaDatePickerProps<DateValue>): import("react/jsx-runtime").JSX.Element;
+export default DateField;

package/components/fields/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+import type { TDatePickerProps } from './interface';
+declare function DatePicker({ popoverPlacement, tokens, customTheme, themeName, icon, description, buttonLabel, ...rest }: TDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

package/components/fields/DatePicker/interface.d.ts

@@ -0,0 +1,37 @@
+import type { DateValue } from '@internationalized/date';
+import type { DateFieldState, DateSegment, DatePickerStateOptions, DateRangePickerStateOptions } from '@react-stately/datepicker';
+import type { RangeValue } from '@react-types/shared';
+import type React from 'react';
+import type { AriaPopoverProps } from 'react-aria';
+import type { OverlayTriggerState } from 'react-stately';
+import type { TDefaultComponent } from '../../../types/components';
+export interface TDateSegmentProps {
+    segment: DateSegment;
+    state: DateFieldState;
+}
+type PopoverPlacement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
+export interface TDatePickerProps extends DatePickerStateOptions<DateValue>, TDefaultComponent {
+    label?: string;
+    popoverPlacement?: PopoverPlacement;
+    icon?: string;
+    buttonLabel?: string;
+    description?: string;
+}
+export interface TDateRangePickerProps extends DateRangePickerStateOptions<DateValue>, TDefaultComponent {
+    buttonLabel?: string;
+    label?: string;
+    description?: string;
+    icon?: string;
+    popoverPlacement?: PopoverPlacement;
+    minValue?: DateValue;
+    value?: {
+        start: DateValue;
+        end: DateValue;
+    };
+    onChange?: (value: RangeValue<DateValue>) => void;
+}
+export interface TCalendarPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
+    children: React.ReactNode;
+    state: OverlayTriggerState;
+}
+export {};

package/components/fields/Radio/Radio.interface.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type { ChangeHandler, RefCallBack } from 'react-hook-form';
+import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
+export type TFieldReactHookForm = TReactHookForm & TDefaultComponent;
+export interface TRadioProps extends TFieldReactHookForm {
+    id: string;
+    label: string;
+    name: string;
+    required?: boolean;
+    isDisabled?: boolean;
+    isError?: boolean;
+    errorMessage?: string;
+    ariaLabel?: string;
+    value: string;
+    onChange?: ((isSelected: boolean) => void) | ChangeHandler;
+    inputRef?: RefCallBack;
+    icon?: React.ReactNode;
+}
+export interface TRadioLabelStyles {
+    isDisabled?: boolean;
+}
+export interface TRadioStyles {
+    isDisabled?: boolean;
+    isFocused?: boolean;
+    isError?: boolean;
+}

package/components/fields/Radio/index.d.ts

@@ -0,0 +1,4 @@
+import type { TRadioProps } from './Radio.interface';
+declare const Radio: (props: TRadioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReactHookFormRadio: (props: TRadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

package/components/fields/RadioGroup/index.d.ts

@@ -0,0 +1,3 @@
+import type { TRadioGroupProps } from './interface';
+declare const RadioGroup: (props: TRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;

package/components/fields/RadioGroup/interface.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { TDefaultComponent } from '../../../types/components';
+export interface TRadioGroupProps extends TDefaultComponent {
+    children: React.ReactNode;
+    isError?: boolean;
+    isDisabled?: boolean;
+    errorMessage?: string;
+    label?: string;
+}

package/components/fields/SearchField/index.d.ts

@@ -0,0 +1,3 @@
+import type TSearchProps from './interface';
+declare const SearchField: (props: TSearchProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchField;

package/components/fields/SearchField/interface.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { AriaSearchFieldProps } from 'react-aria';
+import type { TDefaultComponent } from '../../../types/components';
+export default interface TSearchProps extends AriaSearchFieldProps, TDefaultComponent {
+    disabled?: boolean;
+    placeholder?: string;
+    ariaLabel?: string;
+    errorMessage?: React.ReactNode;
+}

package/components/fields/Select/Select.d.ts

@@ -0,0 +1,4 @@
+import type { TSelectProps } from './Select.interface';
+declare const Select: (props: TSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReactHookFormSelect: (props: TSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/components/fields/Select/Select.interface.d.ts

@@ -0,0 +1,26 @@
+import type { Key } from 'react';
+import type React from 'react';
+import type { RefCallBack } from 'react-hook-form';
+import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
+export type TFieldReactHookForm = TReactHookForm & Omit<TDefaultComponent, 'children'>;
+export interface TSelectProps extends TFieldReactHookForm {
+    id: string;
+    icon?: string | React.ReactNode;
+    label?: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+    isError?: boolean;
+    errorMessage?: string;
+    fieldRef?: RefCallBack;
+    placeholderLabel: string;
+    hookFormRef?: RefCallBack;
+    onSelectionChange?: (value: Key) => void;
+    defaultValue?: string;
+    value?: string;
+    popoverMatchesWidth?: boolean;
+    options?: {
+        key: string;
+        value: string;
+    }[];
+}

package/components/fields/Select/components/Listbox.d.ts

@@ -0,0 +1,4 @@
+import type { TListBoxProps, TOptionProps } from './Listbox.interface';
+declare const Option: ({ item, state, themeName }: TOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListBox: (props: TListBoxProps) => import("react/jsx-runtime").JSX.Element;
+export { ListBox, Option };

package/{src/components/fields/Select/components/Listbox.interface.ts → components/fields/Select/components/Listbox.interface.d.ts}

@@ -1,15 +1,12 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type React from 'react'
-import type { AriaListBoxOptions, AriaOptionProps } from 'react-aria'
-import type { ListState } from 'react-stately'
-import type { TDefaultComponent } from '../../../../types/components'
-
+import type React from 'react';
+import type { AriaListBoxOptions, AriaOptionProps } from 'react-aria';
+import type { ListState } from 'react-stately';
+import type { TDefaultComponent } from '../../../../types/components';
 export interface TListBoxProps extends AriaListBoxOptions<unknown>, TDefaultComponent {
-  listBoxRef?: React.RefObject<any>
-  state: ListState<unknown>
+    listBoxRef?: React.RefObject<any>;
+    state: ListState<unknown>;
 }
-
 export interface TOptionProps extends AriaOptionProps, TDefaultComponent {
-  item: any
-  state: ListState<unknown>
+    item: any;
+    state: ListState<unknown>;
 }

package/components/fields/Select/components/Popover.d.ts

@@ -0,0 +1,3 @@
+import type { TPopoverProps } from './Popover.interface';
+declare const Popover: (props: TPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default Popover;

package/components/fields/Select/components/Popover.interface.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { AriaPopoverProps } from 'react-aria';
+import type { OverlayTriggerState } from 'react-stately';
+import type { TToken } from '../../../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../../../types/components';
+export interface TPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
+    children: React.ReactNode;
+    state: OverlayTriggerState;
+    variant?: string;
+    popoverRef?: React.RefObject<HTMLDivElement>;
+    tokens?: TToken;
+    style?: React.CSSProperties;
+}

package/components/fields/SelectItem/SelectItem.d.ts

@@ -0,0 +1,3 @@
+import type { TSelectItemProps } from './SelectItem.interface';
+declare const SelectItem: (props: TSelectItemProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectItem;

package/{src/components/fields/SelectItem/SelectItem.interface.ts → components/fields/SelectItem/SelectItem.interface.d.ts}

@@ -1,6 +1,5 @@
-import type { TDefaultComponent } from '../../../types/components'
-
+import type { TDefaultComponent } from '../../../types/components';
 export interface TSelectItemProps extends TDefaultComponent {
-  key: string
-  value: string
+    key: string;
+    value: string;
 }

package/components/fields/TextArea/index.d.ts

@@ -0,0 +1,4 @@
+import type { TTextInputProps } from '../TextInputField/interface';
+declare const TextArea: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReactHookFormTextArea: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/components/fields/TextInputField/index.d.ts

@@ -0,0 +1,4 @@
+import type { TTextInputProps } from './interface';
+declare const TextInputField: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReactHookFormInput: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInputField;

package/components/fields/TextInputField/interface.d.ts

@@ -0,0 +1,24 @@
+import type { InputHTMLAttributes } from 'react';
+import type { AriaTextFieldOptions } from 'react-aria';
+import type { RefCallBack } from 'react-hook-form';
+import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
+export type TFieldReactHookForm = TDefaultComponent & TReactHookForm;
+export interface TTextInputProps extends TFieldReactHookForm, Omit<AriaTextFieldOptions<'input'>, 'onChange' | 'onBlur'> {
+    name: string;
+    ariaLabel?: string;
+    errorMessage?: string;
+    fieldRef?: RefCallBack;
+    /**
+     * @deprecated use isRequired instead
+     */
+    required?: boolean;
+    /**
+     * @deprecated use isDisabled instead
+     */
+    disabled?: boolean;
+    /**
+     * @deprecated depends on errorMEssage
+     */
+    isError?: boolean;
+}
+export type TUseTextFieldInputProps = InputHTMLAttributes<HTMLInputElement>;

package/components/icons/ArrowDown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArrowDown: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default ArrowDown;

package/components/icons/ArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArrowLeft: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default ArrowLeft;

package/components/icons/ArrowRight.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArrowRight: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default ArrowRight;

package/components/icons/Check.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Check: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Check;

package/components/icons/ChevronLeft.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ChevronLeft: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default ChevronLeft;

package/components/icons/ChevronRight.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ChevronRight: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default ChevronRight;

package/components/icons/CloseBtn.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CloseBtn: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default CloseBtn;

package/components/icons/Facebook.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Facebook: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Facebook;

package/components/icons/FacebookColored.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FacebookColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default FacebookColored;

package/components/icons/FacebookRounded.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FacebookRounded: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default FacebookRounded;

package/components/icons/Globe.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Globe: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Globe;

package/components/icons/IconFallback.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Fallback: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Fallback;

package/components/icons/Instagram.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Instagram: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Instagram;

package/components/icons/InstagramColored.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const InstagramColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default InstagramColored;

package/components/icons/Link.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Link: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Link;

package/components/icons/LinkedIn.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LinkedIn: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default LinkedIn;

package/components/icons/Mail.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Mail: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Mail;

package/components/icons/Plus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Plus: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Plus;

package/components/icons/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Search: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Search;

package/components/icons/Share.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Share: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Share;

package/components/icons/Twitter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Twitter: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Twitter;

package/components/icons/TwitterColored.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TwitterColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default TwitterColored;

package/components/icons/Upload.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Upload: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default Upload;

package/components/icons/X.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const X: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default X;

package/components/icons/YouTube.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const YouTube: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default YouTube;

package/components/icons/YouTubeColored.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const YouTubeColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+export default YouTubeColored;

package/components/icons/index.d.ts

@@ -0,0 +1,24 @@
+export { default as ArrowDown } from './ArrowDown';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as Check } from './Check';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChevronRight } from './ChevronRight';
+export { default as CloseBtn } from './CloseBtn';
+export { default as Facebook } from './Facebook';
+export { default as FacebookColored } from './FacebookColored';
+export { default as FacebookRounded } from './FacebookRounded';
+export { default as Globe } from './Globe';
+export { default as Instagram } from './Instagram';
+export { default as InstagramColored } from './InstagramColored';
+export { default as Link } from './Link';
+export { default as LinkedIn } from './LinkedIn';
+export { default as Mail } from './Mail';
+export { default as Plus } from './Plus';
+export { default as Share } from './Share';
+export { default as Twitter } from './Twitter';
+export { default as TwitterColored } from './TwitterColored';
+export { default as Upload } from './Upload';
+export { default as X } from './X';
+export { default as YouTube } from './YouTube';
+export { default as YouTubeColored } from './YouTubeColored';