@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/components/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISwitchProps } from './Switch.interface';
+declare const Switch: React.ForwardRefExoticComponent<ISwitchProps & React.RefAttributes<HTMLDivElement>>;
+export { Switch };

package/dist/cjs/components/Switch/Switch.interface.d.ts

@@ -0,0 +1,10 @@
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface ISwitchProps extends TypeStyleAttributes {
+    checked?: boolean;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    set?: string;
+    size?: string;
+    onChange?: () => void;
+}

package/dist/cjs/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from './Switch';

package/dist/cjs/components/Switch.js

@@ -1,105 +1,10 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
+var Switch = require('../Switch-K1p9h3aF.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-const Switch = /*#__PURE__*/React__default.default.forwardRef(function Switch(props, ref) {
-  const {
-    className,
-    set,
-    size,
-    id,
-    checked,
-    disabled,
-    onChange
-  } = props;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('switch', className, size && `switch_size_${size}`, set && `switch_set_${set}`)
-  }, /*#__PURE__*/React__default.default.createElement("input", {
-    checked: checked,
-    className: "switch__checkbox",
-    disabled: disabled,
-    id: id,
-    ref: ref,
-    type: "checkbox",
-    onChange: onChange
-  }), /*#__PURE__*/React__default.default.createElement("div", {
-    className: "switch__bg"
-  }, "\xA0"), /*#__PURE__*/React__default.default.createElement("div", {
-    className: "switch__toggle"
-  }, "\xA0"));
-});
-Switch.propTypes = {
-  checked: PropTypes__default.default.bool,
-  className: PropTypes__default.default.string,
-  disabled: PropTypes__default.default.bool,
-  id: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
-  size: PropTypes__default.default.string,
-  onChange: PropTypes__default.default.func
-};
-Switch.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Switch",
-  "props": {
-    "checked": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "disabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "set": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onChange": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Switch = Switch;
+exports.Switch = Switch.Switch;

package/dist/cjs/components/Tab/Tab.d.ts

@@ -0,0 +1,11 @@
+import { ITabConfig, ITabProps } from './Tab.interface';
+declare const tabConfig: ITabConfig;
+declare function Tab(props: ITabProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Tab {
+    var defaultProps: {
+        size: string;
+        LinkComponent: string;
+        direction: string;
+    };
+}
+export { Tab, tabConfig };

package/dist/cjs/components/Tab/Tab.interface.d.ts

@@ -0,0 +1,79 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, directionPropsType, fillHoverPropsType, fillPropsType, justifyContentPropsType, shapePropsType, sizePropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface ITabThemeColor {
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    badgeAppearance?: appearanceKeysType;
+    badgeSize?: sizePropsType;
+    badgeTextColor?: textColorPropsType;
+    badgeTextSize?: textSizePropsType;
+    badgeValue?: string;
+    dividerDirection?: directionPropsType;
+    dividerFill?: fillPropsType;
+    dividerFillActive?: fillPropsType;
+    dividerFillActiveHover?: fillHoverPropsType;
+    dividerFillDisabled?: fillPropsType;
+    dividerFillHover?: fillHoverPropsType;
+    dividerSize?: sizePropsType;
+    fill?: fillPropsType;
+    fillActive?: fillPropsType;
+    fillActiveHover?: fillHoverPropsType;
+    fillDisabled?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    justifyContent?: justifyContentPropsType;
+    label?: string;
+    labelColor?: textColorPropsType;
+    labelColorActive?: textColorActivePropsType;
+    labelColorDisabled?: textColorPropsType;
+    labelTextColorHover?: textColorHoverPropsType;
+    labelTextGradient?: textGradientPropsType;
+    labelTextSize?: textSizePropsType;
+    labelTextStyle?: textStylePropsType;
+    labelTextWeight?: textWeightPropsType;
+    labelTextWrap?: textWrapPropsType;
+    linkFill?: fillPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    type?: string;
+    width?: widthPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type tabAppearanceType = {
+    [key in appearanceKeysType]?: ITabThemeColor;
+};
+export interface ITabConfig {
+    appearance: tabAppearanceType | undefined;
+    setAppearance: (newComponent: tabAppearanceType) => void;
+}
+export interface ITabProps extends ITabThemeColor, TypeStyleAttributes {
+    after?: ReactNode;
+    appearance?: appearanceKeysType;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTour?: string;
+    href?: string;
+    link?: string;
+    rel?: string;
+    reset?: boolean;
+    set?: string;
+    style?: CSSProperties;
+    target?: string;
+    isActive?: undefined;
+    isDisabled?: boolean;
+    isHover?: undefined;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+}
+export interface ITabGroupProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    dataTour?: string;
+    horizontalScroll?: boolean;
+    id?: string;
+    set?: string;
+    style?: CSSProperties;
+}
+export {};

package/dist/cjs/components/Tab/TabGroup.d.ts

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

package/dist/cjs/components/Tab/index.d.ts

@@ -0,0 +1,3 @@
+import { Tab, tabConfig } from './Tab';
+import { TabGroup } from './TabGroup';
+export { Tab, TabGroup, tabConfig };

package/dist/cjs/components/Tab.js

@@ -1,39 +1,25 @@
 'use strict';
 
-var TabGroup = require('../TabGroup-DIWmGIp2.js');
+var TabGroup = require('../TabGroup-DEEcVLO0.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
-require('prop-types');
 require('clsx');
-require('./Badge.js');
-require('../constants/componentProps/shape.js');
-require('../Text-D7Aq1i5R.js');
-require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Link-BoShjCEw.js');
-require('../Divider-CIYsHYud.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/stacking.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/width.js');
+require('../Badge-BvJTwXqB.js');
+require('../Text-CgYNdSwY.js');
+require('../Divider-doetVRw0.js');
+require('../Link-3qPujNn9.js');
+require('../_tslib-CKiUdo7p.js');
 
 
 

package/dist/cjs/components/Text/Text.interface.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { sizePropsType, textAlignPropsType, textColorActivePropsType, textColorHoverPropsType, textColorPropsType, textGradientPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, textWrapPropsType, typePropsType, widthPropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
@@ -18,16 +18,17 @@ export interface ITextConfig {
     setAppearance: (newComponent: appearanceType) => void;
 }
 export interface ITextProps extends ITextThemeColor, TypeStyleAttributes {
-    after?: React.ReactNode;
+    after?: ReactNode;
     appearance?: appearanceKeysType;
-    before?: React.ReactNode;
-    children: React.ReactNode;
+    before?: ReactNode;
+    children: ReactNode;
     className?: string;
     dataTestId?: number | string;
     dataTour?: string;
     htmlFor?: string;
     id?: number | string;
     mode?: string;
+    style?: CSSProperties;
     tag?: ElementType;
     onClick?: () => void;
     sizeDesktop?: sizePropsType;

package/dist/cjs/components/Text.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Text = require('../Text-D7Aq1i5R.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Text = require('../Text-CgYNdSwY.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');

package/dist/cjs/components/Textarea/Textarea.d.ts

@@ -0,0 +1,9 @@
+import { ITextareaConfig, ITextareaProps } from './Textarea.interface';
+declare const textareaConfig: ITextareaConfig;
+declare function Textarea(props: ITextareaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Textarea {
+    var defaultProps: {
+        size: string;
+    };
+}
+export { Textarea, textareaConfig };

package/dist/cjs/components/Textarea/Textarea.interface.d.ts

@@ -0,0 +1,44 @@
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, borderColorPropsType, fillPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { stateKeysDefaultType } from '../../types/componentProps/stateKeys';
+export interface ITextareaThemeColor {
+    borderColor?: borderColorPropsType;
+    borderHover?: borderColorHoverPropsType;
+    caret?: itemColorPropsType;
+    fill?: fillPropsType;
+    placeholderTextColor?: textColorPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+    textWeight?: textWeightPropsType;
+    width?: widthPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type stateKeysType = stateKeysDefaultType & {};
+export type textareaAppearanceType = {
+    [key in appearanceKeysType]?: ITextareaThemeColor;
+};
+export type textareaStateType = {
+    [key in stateKeysType]?: ITextareaThemeColor;
+};
+export interface ITextareaConfig {
+    state: textareaStateType | undefined;
+    setState: (newComponent: textareaStateType) => void;
+    appearance: textareaAppearanceType | undefined;
+    setAppearance: (newComponent: textareaAppearanceType) => void;
+}
+export interface ITextareaProps extends ITextareaThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    placeholder?: string;
+    state?: stateKeysType;
+    value?: string;
+    onBlur?: () => void;
+    onChange?: () => void;
+    onKeyDown?: () => void;
+}
+export {};

package/dist/cjs/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea, textareaConfig } from './Textarea';

package/dist/cjs/components/Textarea.js

@@ -1,212 +1,18 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var borderColor = require('../constants/componentProps/borderColor.js');
-var size = require('../constants/componentProps/size.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var Textarea = require('../Textarea-WIGhhrgu.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-const textareaConfig = {
-  state: {},
-  setState: newComponent => {
-    textareaConfig.state = newComponent;
-  },
-  appearance: {},
-  setAppearance: newComponent => {
-    textareaConfig.appearance = newComponent;
-  }
-};
-function Textarea(props) {
-  const {
-    appearance,
-    id,
-    className,
-    placeholder,
-    disabled,
-    state,
-    value,
-    onBlur,
-    onChange,
-    onKeyDown
-  } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'borderHover'
-  });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'textarea_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'textarea_shape_',
-    propsKey: 'shape'
-  });
-  const textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'textSize'
-  });
-  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'caret-color_',
-    propsKey: 'caret'
-  });
-  const placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_',
-    propsKey: 'placeholderTextColor'
-  });
-  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  return /*#__PURE__*/React__default.default.createElement("textarea", {
-    className: clsx__default.default(className, 'textarea', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, borderColorClass || textareaConfig.state[state]?.borderColor && `border-color_${textareaConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.borderColor && `border-color_${textareaConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorHoverClass || textareaConfig.appearance[appearance]?.borderHover && `border-color_hover_${textareaConfig.appearance[appearance].borderHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), placeholderTextColorClass || textareaConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${textareaConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.placeholderTextColor && `placeholder-text-color_${textareaConfig.appearance[appearance].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), sizeClass, shapeClass || textareaConfig.appearance[appearance]?.shape && `textarea_shape_${textareaConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textSizeClass || textareaConfig.appearance[appearance]?.textSize && `text_size_${textareaConfig.appearance[appearance].textSize}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorClass || textareaConfig.state[state]?.textColor && `text-color_${textareaConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() || textareaConfig.appearance[appearance]?.textColor && `text-color_${textareaConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, widthClass),
-    id: id,
-    disabled: disabled,
-    placeholder: placeholder,
-    value: value,
-    onBlur: onBlur,
-    onChange: onChange,
-    onKeyDown: onKeyDown
-  });
-}
-Textarea.propTypes = {
-  id: PropTypes__default.default.string,
-  className: PropTypes__default.default.string,
-  placeholder: PropTypes__default.default.string,
-  value: PropTypes__default.default.string,
-  disabled: PropTypes__default.default.bool,
-  size: PropTypes__default.default.oneOf(size.default),
-  borderColor: PropTypes__default.default.oneOf(borderColor.default),
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  onBlur: PropTypes__default.default.func,
-  onChange: PropTypes__default.default.func,
-  onKeyDown: PropTypes__default.default.func
-};
-Textarea.defaultProps = {
-  size: 'm'
-};
-Textarea.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Textarea",
-  "props": {
-    "size": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "placeholder": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "value": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "disabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "borderColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderColorProps"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "textColorProps"
-      },
-      "required": false
-    },
-    "onBlur": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onChange": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onKeyDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Textarea = Textarea;
-exports.textareaConfig = textareaConfig;
+exports.Textarea = Textarea.Textarea;
+exports.textareaConfig = Textarea.textareaConfig;

package/dist/cjs/components/Tile/Tile.d.ts

@@ -0,0 +1,9 @@
+import { ITileProps } from './Tile.interface';
+declare function Tile(props: ITileProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Tile {
+    var defaultProps: {
+        textTag: string;
+        alignDirection: string;
+    };
+}
+export { Tile };

package/dist/cjs/components/Tile/Tile.interface.d.ts

@@ -0,0 +1,37 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, directionPropsType, fillPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType, titleSizePropsType } from '../../types';
+export interface ITileProps extends TypeStyleAttributes {
+    after?: ReactNode;
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    badge?: string;
+    badgeSize?: sizePropsType;
+    badgeTextColor?: textColorPropsType;
+    badgeTextSize?: textSizePropsType;
+    before?: ReactNode;
+    borderColor?: borderColorPropsType;
+    borderColorHover?: borderColorHoverPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    children?: ReactNode;
+    className?: string;
+    direction?: directionPropsType;
+    fill?: fillPropsType;
+    reverse?: boolean;
+    shape?: shapePropsType;
+    size?: string;
+    style?: CSSProperties;
+    text?: string;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+    textWrap?: textWrapPropsType;
+    title?: string;
+    titleTextAlign?: textAlignPropsType;
+    titleTextColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
+    titleTextWeight?: textWeightPropsType;
+    titleTextWrap?: textWrapPropsType;
+    type?: string;
+    onClick?: () => void;
+}

package/dist/cjs/components/Tile/index.d.ts

@@ -0,0 +1 @@
+export { Tile } from './Tile';