carbon-react 102.9.2 → 102.11.0

package/lib/components/icon/icon-unicodes.d.ts

@@ -0,0 +1,247 @@
+export default iconUnicodes;
+declare namespace iconUnicodes {
+    export const none: string;
+    import add = plus;
+    export { add };
+    import create = plus;
+    export { create };
+    import services = plus;
+    export { services };
+    import admin = favourite;
+    export { admin };
+    import analysis = chart_line;
+    export { analysis };
+    import graph = chart_line;
+    export { graph };
+    import basket = cart;
+    export { basket };
+    import bin = delete;
+    export { bin };
+    import bulk_destroy = delete;
+    export { bulk_destroy };
+    import caret_down = dropdown;
+    export { caret_down };
+    import collaborate = share;
+    export { collaborate };
+    import contacts = people;
+    export { contacts };
+    import entry = list_view;
+    export { entry };
+    import go = progressed;
+    export { go };
+    import submitted = progressed;
+    export { submitted };
+    import grid = split;
+    export { grid };
+    import individual = person;
+    export { individual };
+    import location = marker;
+    export { location };
+    import message = email;
+    export { message };
+    import old_warning = warning;
+    export { old_warning };
+    import phone = call;
+    export { phone };
+    import piggy_bank = save;
+    export { piggy_bank };
+    import question_hollow = video;
+    export { question_hollow };
+    import question_mark = question;
+    export { question_mark };
+    import remove = minus;
+    export { remove };
+    import settings_old = settings;
+    export { settings_old };
+    import true_tick = tick;
+    export { true_tick };
+    import arrow = arrow_right;
+    export { arrow };
+    import in_transit = arrow_left_right_small;
+    export { in_transit };
+    import progress = circle_with_dots;
+    export { progress };
+    export const boxed_shapes: string;
+    export const circles_connection: string;
+    export const document_right_align: string;
+    export const document_tick: string;
+    export const document_vertical_lines: string;
+    export const error_square: string;
+    export const factory: string;
+    export const files_leaning: string;
+    export const ledger: string;
+    export const ledger_arrow_left: string;
+    export const ledger_arrow_right: string;
+    export const money_bag: string;
+    export const spanner: string;
+    export const split_container: string;
+    export const stacked_boxes: string;
+    export const tag: string;
+    export const three_boxes: string;
+    export const circle_with_dots: string;
+    export const squares_nine: string;
+    export const coins: string;
+    export const file_generic: string;
+    export const file_pdf: string;
+    export const file_excel: string;
+    export const file_word: string;
+    export const file_image: string;
+    export const euro: string;
+    export const pound: string;
+    export const stacked_squares: string;
+    export const expand: string;
+    export const flag: string;
+    export const square_dot: string;
+    export const envelope_dollar: string;
+    export const envelope_euro: string;
+    export const sage_coin: string;
+    export const error: string;
+    export const warning: string;
+    export const tick: string;
+    export const tick_circle: string;
+    export const draft: string;
+    export const progressed: string;
+    export const in_progress: string;
+    export const clock: string;
+    export const locked: string;
+    export const unlocked: string;
+    export const gift: string;
+    export const blocked: string;
+    export const key: string;
+    export const chart_line: string;
+    export const chart_pie: string;
+    export const chart_bar: string;
+    export const blocked_square: string;
+    export const disputed: string;
+    export const lightbulb_on: string;
+    export const lightbulb_off: string;
+    export const chevron_up: string;
+    export const chevron_down: string;
+    export const chevron_right: string;
+    export const chevron_left: string;
+    export const chevron_up_thick: string;
+    export const chevron_down_thick: string;
+    export const chevron_left_thick: string;
+    export const chevron_right_thick: string;
+    export const link: string;
+    export const list_view: string;
+    export const card_view: string;
+    export const sort_down: string;
+    export const sort_up: string;
+    export const arrow_left: string;
+    export const arrow_right: string;
+    export const arrow_down: string;
+    export const arrow_up: string;
+    export const arrow_left_right_small: string;
+    export const arrow_left_small: string;
+    export const arrow_right_small: string;
+    export const block_arrow_right: string;
+    export const drag_vertical: string;
+    export const drag: string;
+    export const fit_height: string;
+    export const fit_width: string;
+    export const ellipsis_horizontal: string;
+    export const ellipsis_vertical: string;
+    export const cart: string;
+    export const basket_with_squares: string;
+    const _delete: string;
+    export { _delete as delete };
+    export const print: string;
+    export const csv: string;
+    export const pdf: string;
+    export const duplicate: string;
+    export const copy: string;
+    export const calendar: string;
+    export const calendar_today: string;
+    export const dropdown: string;
+    export const caret_up: string;
+    export const caret_left: string;
+    export const caret_right: string;
+    export const caret_large_down: string;
+    export const caret_large_up: string;
+    export const caret_large_left: string;
+    export const caret_large_right: string;
+    export const plus: string;
+    export const plus_large: string;
+    export const minus: string;
+    export const minus_large: string;
+    export const edit: string;
+    export const edited: string;
+    export const favourite: string;
+    export const favourite_lined: string;
+    export const credit_card: string;
+    export const credit_card_slash: string;
+    export const save: string;
+    export const uploaded: string;
+    export const arrow_left_boxed: string;
+    export const question: string;
+    export const info: string;
+    export const download: string;
+    export const upload: string;
+    export const share: string;
+    export const close: string;
+    export const cross: string;
+    export const cross_circle: string;
+    export const filter: string;
+    export const refresh: string;
+    export const computer_clock: string;
+    export const refresh_clock: string;
+    export const sync: string;
+    export const attach: string;
+    export const camera: string;
+    export const image: string;
+    export const folder: string;
+    export const help: string;
+    export const connect: string;
+    export const disconnect: string;
+    export const split: string;
+    export const filter_new: string;
+    export const delivery: string;
+    export const chat: string;
+    export const chat_notes: string;
+    export const bullet_list: string;
+    export const bullet_list_numbers: string;
+    export const bullet_list_dotted: string;
+    export const view: string;
+    export const hide: string;
+    export const video: string;
+    export const play: string;
+    export const pause: string;
+    export const play_circle: string;
+    export const pause_circle: string;
+    export const scan: string;
+    export const lookup: string;
+    export const bold: string;
+    export const italic: string;
+    export const undo: string;
+    export const home: string;
+    export const settings: string;
+    export const search: string;
+    export const feedback: string;
+    export const logout: string;
+    export const alert: string;
+    export const talk: string;
+    export const person: string;
+    export const person_info: string;
+    export const person_tick: string;
+    export const people: string;
+    export const people_switch: string;
+    const business_1: string;
+    export { business_1 as business };
+    export const shop: string;
+    export const bank: string;
+    export const call: string;
+    export const mobile: string;
+    export const fax: string;
+    export const email: string;
+    export const email_switch: string;
+    export const marker: string;
+}
+declare namespace actions { }
+declare namespace statusSymbols { }
+declare namespace batchActions { }
+declare namespace business { }
+declare namespace navigation { }
+declare namespace communications { }
+declare namespace primaryNavigation { }
+declare namespace misc { }

package/lib/components/icon/icon.component.d.ts

@@ -0,0 +1,3 @@
+export default Icon;
+declare const Icon: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/icon/icon.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledIcon;
+declare const StyledIcon: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/icon-button/icon-button.component.d.ts

@@ -0,0 +1,3 @@
+export default IconButton;
+declare const IconButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/icon-button/icon-button.style.d.ts

@@ -0,0 +1,4 @@
+export default StyledIconButton;
+declare const StyledIconButton: import("styled-components").StyledComponent<"button", any, {
+    type: "button";
+}, "type">;

package/lib/components/image/image.component.d.ts

@@ -0,0 +1,2 @@
+export default Image;
+declare const Image: import("styled-components").StyledComponent<"div", any, any, string | number | symbol>;

package/lib/components/inline-inputs/inline-inputs.component.d.ts

@@ -0,0 +1,22 @@
+export default InlineInputs;
+declare function InlineInputs(props: any): JSX.Element;
+declare namespace InlineInputs {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const className: PropTypes.Requireable<string>;
+        const label: PropTypes.Requireable<string>;
+        const htmlFor: PropTypes.Requireable<string>;
+        const gutter: PropTypes.Requireable<string>;
+        const inputWidth: PropTypes.Requireable<number>;
+        const labelWidth: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        const children_1: null;
+        export { children_1 as children };
+        const className_1: string;
+        export { className_1 as className };
+        const gutter_1: string;
+        export { gutter_1 as gutter };
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/inline-inputs/inline-inputs.config.d.ts

@@ -0,0 +1 @@
+export const INLINE_INPUTS_SIZES: string[];

package/lib/components/inline-inputs/inline-inputs.style.d.ts

@@ -0,0 +1,4 @@
+export default StyledInlineInputs;
+export const StyledContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledInlineInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/link/link.component.d.ts

@@ -0,0 +1,3 @@
+export default Link;
+declare const Link: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/link/link.config.d.ts

@@ -0,0 +1,2 @@
+export const LINK_POSITIONS: string[];
+export const LINK_ALIGNMENTS: string[];

package/lib/components/link/link.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledLink: import("styled-components").StyledComponent<"span", any, {}, never>;
+export const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/link-preview/__internal__/placeholder.component.d.ts

@@ -0,0 +1,2 @@
+export default Placeholder;
+declare function Placeholder(): JSX.Element;

package/lib/components/link-preview/link-preview.component.d.ts

@@ -0,0 +1,29 @@
+export default LinkPreview;
+declare function LinkPreview({ as, description, image, isLoading, onClose, title, url, ...rest }: {
+    [x: string]: any;
+    as: any;
+    description: any;
+    image: any;
+    isLoading: any;
+    onClose: any;
+    title: any;
+    url: any;
+}): JSX.Element;
+declare namespace LinkPreview {
+    namespace propTypes {
+        const as: PropTypes.Requireable<string>;
+        const description: PropTypes.Requireable<string>;
+        const image: PropTypes.Requireable<PropTypes.InferProps<{
+            /** The url string to be passed to image src */
+            url: PropTypes.Validator<string>;
+            /** The string to be passed to image alt */
+            alt: PropTypes.Requireable<string>;
+        }>>;
+        const isLoading: PropTypes.Requireable<boolean>;
+        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const title: PropTypes.Requireable<string>;
+        const url: PropTypes.Requireable<string>;
+    }
+    const displayName: string;
+}
+import PropTypes from "prop-types";

package/lib/components/link-preview/link-preview.style.d.ts

@@ -0,0 +1,6 @@
+export const StyledLinkPreview: import("styled-components").StyledComponent<"a", any, {}, never>;
+export const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledPreviewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledUrl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/loader/loader-square.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledLoaderSquare;
+declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/loader/loader.component.d.ts

@@ -0,0 +1,23 @@
+export default Loader;
+declare function Loader({ isInsideButton, isActive, size, ...rest }: {
+    [x: string]: any;
+    isInsideButton: any;
+    isActive: any;
+    size: any;
+}): JSX.Element;
+declare namespace Loader {
+    namespace defaultProps {
+        const size: string;
+        const isInsideButton: boolean;
+        const isActive: boolean;
+    }
+    namespace propTypes {
+        const size_1: PropTypes.Requireable<string>;
+        export { size_1 as size };
+        const isInsideButton_1: PropTypes.Requireable<boolean>;
+        export { isInsideButton_1 as isInsideButton };
+        const isActive_1: PropTypes.Requireable<boolean>;
+        export { isActive_1 as isActive };
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/loader/loader.config.d.ts

@@ -0,0 +1 @@
+export const LOADER_SIZES: string[];

package/lib/components/loader/loader.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledLoader;
+declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/loader-bar/loader-bar.component.d.ts

@@ -0,0 +1,11 @@
+export default LoaderBar;
+declare function LoaderBar({ size, ...rest }: {
+    [x: string]: any;
+    size?: string | undefined;
+}): JSX.Element;
+declare namespace LoaderBar {
+    namespace propTypes {
+        const size: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/loader-bar/loader-bar.config.d.ts

@@ -0,0 +1 @@
+export const LOADER_BAR_SIZES: string[];

package/lib/components/loader-bar/loader-bar.style.d.ts

@@ -0,0 +1,4 @@
+export default StyledLoaderBar;
+export const InnerBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledLoader: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledLoaderBar: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/__internal__/keyboard-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export function characterNavigation(inputString: any, focusableItems: any, currentFocusedIndex: any): any;
+export function menuKeyboardNavigation(event: any, focusableItems: any): number | undefined;

package/lib/components/menu/__internal__/spec-helper/index.d.ts

@@ -0,0 +1,2 @@
+export default openSubmenu;
+declare function openSubmenu(wrapper: any): void;

package/lib/components/menu/__internal__/submenu/submenu.component.d.ts

@@ -0,0 +1,3 @@
+export default Submenu;
+declare const Submenu: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/menu/__internal__/submenu/submenu.context.d.ts

@@ -0,0 +1,3 @@
+export default SubmenuContext;
+declare const SubmenuContext: React.Context<{}>;
+import React from "react";

package/lib/components/menu/__internal__/submenu/submenu.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/menu-divider/menu-divider.component.d.ts

@@ -0,0 +1,3 @@
+export default MenuDivider;
+declare const MenuDivider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/menu/menu-divider/menu-divider.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledDivider;
+declare const StyledDivider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/menu-full-screen/menu-full-screen.component.d.ts

@@ -0,0 +1,17 @@
+export default MenuFullscreen;
+declare function MenuFullscreen({ children, isOpen, startPosition, onClose, ...rest }: {
+    [x: string]: any;
+    children: any;
+    isOpen: any;
+    startPosition?: string | undefined;
+    onClose: any;
+}): JSX.Element;
+declare namespace MenuFullscreen {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const isOpen: PropTypes.Requireable<boolean>;
+        const startPosition: PropTypes.Requireable<string>;
+        const onClose: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/menu-item/menu-item.component.d.ts

@@ -0,0 +1,24 @@
+export default MenuItem;
+declare function MenuItem({ submenu, children, href, onClick, target, submenuDirection, icon, selected, onKeyDown, variant, showDropdownArrow, ariaLabel, clickToOpen, maxWidth, menuOpen, onSubmenuOpen, onSubmenuClose, ...rest }: {
+    [x: string]: any;
+    submenu: any;
+    children: any;
+    href: any;
+    onClick: any;
+    target: any;
+    submenuDirection?: string | undefined;
+    icon: any;
+    selected: any;
+    onKeyDown: any;
+    variant?: string | undefined;
+    showDropdownArrow?: boolean | undefined;
+    ariaLabel: any;
+    clickToOpen: any;
+    maxWidth: any;
+    menuOpen: any;
+    onSubmenuOpen: any;
+    onSubmenuClose: any;
+}): JSX.Element;
+declare namespace MenuItem {
+    const propTypes: any;
+}

package/lib/components/menu/menu-item/menu-item.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledMenuItemWrapper;
+declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;

package/lib/components/menu/menu-segment-title/menu-segment-title.component.d.ts

@@ -0,0 +1,3 @@
+export default MenuSegmentTitle;
+declare const MenuSegmentTitle: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/menu/menu-segment-title/menu-segment-title.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledTitle;
+declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/menu.component.d.ts

@@ -0,0 +1,11 @@
+export { MenuContext };
+export default Menu;
+import MenuContext from "./menu.context";
+declare function Menu({ menuType, children, ...rest }: {
+    [x: string]: any;
+    menuType?: string | undefined;
+    children: any;
+}): JSX.Element;
+declare namespace Menu {
+    const propTypes: any;
+}

package/lib/components/menu/menu.context.d.ts

@@ -0,0 +1,3 @@
+declare var _default: React.Context<{}>;
+export default _default;
+import React from "react";

package/lib/components/menu/menu.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledMenuWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {}, never>;

package/lib/components/menu/scrollable-block/scrollable-block.component.d.ts

@@ -0,0 +1,15 @@
+export default ScrollableBlock;
+declare function ScrollableBlock({ children, height, variant, ...rest }: {
+    [x: string]: any;
+    children: any;
+    height: any;
+    variant?: string | undefined;
+}): JSX.Element;
+declare namespace ScrollableBlock {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const height: PropTypes.Requireable<string | number>;
+        const variant: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/menu/scrollable-block/scrollable-block.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledScrollableBlock;
+declare const StyledScrollableBlock: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/menu/submenu-block/submenu-block.component.d.ts

@@ -0,0 +1,12 @@
+export default SubmenuBlock;
+declare function SubmenuBlock({ children, variant }: {
+    children: any;
+    variant?: string | undefined;
+}): JSX.Element;
+declare namespace SubmenuBlock {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const variant: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/menu/submenu-block/submenu-block.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledSubmenuBlock;
+declare const StyledSubmenuBlock: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/message/message-content/message-content.component.d.ts

@@ -0,0 +1,22 @@
+export default MessageContent;
+declare function MessageContent({ variant, title, transparent, children }: {
+    variant: any;
+    title: any;
+    transparent: any;
+    children: any;
+}): JSX.Element;
+declare namespace MessageContent {
+    namespace defaultProps {
+        const variant: string;
+        const transparent: boolean;
+    }
+    namespace propTypes {
+        const variant_1: PropTypes.Requireable<string>;
+        export { variant_1 as variant };
+        export const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const transparent_1: PropTypes.Requireable<boolean>;
+        export { transparent_1 as transparent };
+        export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/message/message-content/message-content.style.d.ts

@@ -0,0 +1,2 @@
+export default MessageContentStyle;
+declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/message/message.component.d.ts

@@ -0,0 +1,29 @@
+export default Message;
+declare function Message({ open, transparent, title, variant, children, onDismiss, id, className, closeButtonAriaLabel, showCloseIcon, ...props }: {
+    [x: string]: any;
+    open?: boolean | undefined;
+    transparent?: boolean | undefined;
+    title: any;
+    variant?: string | undefined;
+    children: any;
+    onDismiss: any;
+    id: any;
+    className: any;
+    closeButtonAriaLabel: any;
+    showCloseIcon?: boolean | undefined;
+}): false | JSX.Element;
+declare namespace Message {
+    namespace propTypes {
+        const variant: PropTypes.Requireable<string>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const className: PropTypes.Requireable<string>;
+        const id: PropTypes.Requireable<string>;
+        const open: PropTypes.Requireable<boolean>;
+        const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
+        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const transparent: PropTypes.Requireable<boolean>;
+        const showCloseIcon: PropTypes.Requireable<boolean>;
+        const closeButtonAriaLabel: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/message/message.style.d.ts

@@ -0,0 +1,2 @@
+export default MessageStyle;
+declare const MessageStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/message/type-icon/type-icon.component.d.ts

@@ -0,0 +1,18 @@
+export default TypeIcon;
+declare function TypeIcon({ variant, transparent }: {
+    variant: any;
+    transparent: any;
+}): JSX.Element;
+declare namespace TypeIcon {
+    namespace defaultProps {
+        const variant: string;
+        const transparent: boolean;
+    }
+    namespace propTypes {
+        const variant_1: PropTypes.Requireable<string>;
+        export { variant_1 as variant };
+        const transparent_1: PropTypes.Requireable<boolean>;
+        export { transparent_1 as transparent };
+    }
+}
+import PropTypes from "prop-types";