@pedidopago/ui 1.6.12 → 1.7.0-0

package/dist/components/Illustration/BoxClosedSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BoxClosedSvg = BoxClosedSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function BoxClosedSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/BoxDeliverySvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function BoxDeliverySvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function BoxDeliverySvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/BoxDeliverySvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BoxDeliverySvg = BoxDeliverySvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function BoxDeliverySvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/BoxOpenSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function BoxOpenSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function BoxOpenSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/BoxOpenSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BoxOpenSvg = BoxOpenSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function BoxOpenSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/CalendarSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function CalendarSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function CalendarSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/CalendarSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarSvg = CalendarSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function CalendarSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/CardSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function CardSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function CardSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/CardSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardSvg = CardSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function CardSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/CollaboratorSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function CollaboratorSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function CollaboratorSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/CollaboratorSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CollaboratorSvg = CollaboratorSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function CollaboratorSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/InquirySvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function InquirySvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function InquirySvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/InquirySvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InquirySvg = InquirySvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function InquirySvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/OrderSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function OrderSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function OrderSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/OrderSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OrderSvg = OrderSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function OrderSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/PixSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function PixSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function PixSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/PixSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PixSvg = PixSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function PixSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/PrescriptionSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function PrescriptionSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function PrescriptionSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/PrescriptionSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PrescriptionSvg = PrescriptionSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function PrescriptionSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/TransportSvg/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function TransportSvg({ color }: {
-    color: string;
-}): JSX.Element;
+/// <reference types="react" />
+export declare function TransportSvg({ color }: {
+    color: string;
+}): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/TransportSvg/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TransportSvg = TransportSvg;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 function TransportSvg(_ref) {
   var color = _ref.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {

package/dist/components/Illustration/illustration.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=illustration.test.d.ts.map

package/dist/components/Illustration/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IllustrationProps } from './types';
-declare const Illustration: FC<IllustrationProps>;
-export default Illustration;
+import { FC } from 'react';
+import { IllustrationProps } from './types';
+declare const Illustration: FC<IllustrationProps>;
+export default Illustration;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAoB3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkDvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA6CvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Illustration/index.js

@@ -5,21 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _OrderSvg = require("./OrderSvg");
-var _AlternativeOrderSvg = require("./AlternativeOrderSvg");
-var _PrescriptionSvg = require("./PrescriptionSvg");
-var _CalendarSvg = require("./CalendarSvg");
-var _PixSvg = require("./PixSvg");
-var _BoletoSvg = require("./BoletoSvg");
-var _BoxClosedSvg = require("./BoxClosedSvg");
-var _BoxDeliverySvg = require("./BoxDeliverySvg");
-var _BoxOpenSvg = require("./BoxOpenSvg");
-var _CardSvg = require("./CardSvg");
-var _TransportSvg = require("./TransportSvg");
-var _CollaboratorSvg = require("./CollaboratorSvg");
 var _theme = require("../../shared/theme");
 var _styles = require("./styles");
-var _InquirySvg = require("./InquirySvg");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Componentes
@@ -35,81 +22,46 @@ var Illustration = function Illustration(_ref) {
     iconName = _ref$iconName === void 0 ? 'check-circle' : _ref$iconName,
     _ref$name = _ref.name,
     name = _ref$name === void 0 ? 'illust-order' : _ref$name,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type;
+    color = _ref.color,
+    type = _ref.type,
+    _ref$bubblePosition = _ref.bubblePosition,
+    bubblePosition = _ref$bubblePosition === void 0 ? 'bottom-right' : _ref$bubblePosition,
+    bubbleColor = _ref.bubbleColor,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 150 : _ref$size;
   var _useTheme = (0, _theme.useTheme)(),
     theme = _useTheme.theme;
-  var color = type === 'default' ? theme.colors.neutral.neutral4 : theme.colors[type].default;
-  function IllustrationSvg() {
-    switch (name) {
-      case 'illust-order':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OrderSvg.OrderSvg, {
-          color: color
-        });
-      case 'illust-alternative-order':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlternativeOrderSvg.AlternativeOrderSvg, {
-          color: color
-        });
-      case 'illust-prescription':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrescriptionSvg.PrescriptionSvg, {
-          color: color
-        });
-      case 'illust-calendar':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarSvg.CalendarSvg, {
-          color: color
-        });
-      case 'illust-pix':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PixSvg.PixSvg, {
-          color: color
-        });
-      case 'illust-boleto':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoletoSvg.BoletoSvg, {
-          color: color
-        });
-      case 'illust-card':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardSvg.CardSvg, {
-          color: color
-        });
-      case 'illust-box-closed':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxClosedSvg.BoxClosedSvg, {
-          color: color
-        });
-      case 'illust-box-delivery':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxDeliverySvg.BoxDeliverySvg, {
-          color: color
-        });
-      case 'illust-box-open':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxOpenSvg.BoxOpenSvg, {
-          color: color
-        });
-      case 'illust-transport':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TransportSvg.TransportSvg, {
-          color: color
-        });
-      case 'illust-inquiry':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InquirySvg.InquirySvg, {
-          color: color
-        });
-      case 'illust-collaborator':
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorSvg.CollaboratorSvg, {
-          color: color
-        });
-      default:
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OrderSvg.OrderSvg, {
-          color: color
-        });
+  function setIconTypeColor() {
+    if (!type) return theme.colors.neutral.white;
+    if (type === 'default') return theme.colors.neutral.neutral4;
+    return theme.colors[type].default || theme.colors.neutral.white;
+  }
+  function setIllustColor() {
+    if (!type) return color || theme.colors.neutral.white;
+    if (!color) {
+      return type === 'default' ? theme.colors.neutral.neutral4 : theme.colors[type].default;
     }
+    return color;
   }
+  var iconTypeColor = setIconTypeColor();
+  var iconSizeOffset = 0.26;
+  var illustColor = setIllustColor();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.IllustrationContainer, {
     "data-testid": "illustration",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconContainer, {
-      name: name,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StatusBubbleContainer, {
+      bubblePosition: bubblePosition,
+      bubbleColor: bubbleColor,
+      size: size,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: iconName,
-        size: 62,
-        color: "neutral.white"
+        size: size * iconSizeOffset,
+        color: iconTypeColor
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationSvg, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      size: size,
+      name: name,
+      color: illustColor
+    })]
   });
 };
 var _default = Illustration;

package/dist/components/Illustration/styles.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { IllustrationProps } from './types';
-export declare const IllustrationContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<IllustrationProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IllustrationProps } from './types';
+export declare const IllustrationContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StatusBubbleContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<IllustrationProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Illustration/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,qBAAqB;;;yGAKjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;sIA6CzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,qBAAqB;;;yGAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;sIAmEjC,CAAC"}

package/dist/components/Illustration/styles.js

@@ -3,28 +3,62 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IllustrationContainer = exports.IconContainer = void 0;
+exports.StatusBubbleContainer = exports.IllustrationContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _getColorValue = require("../../utils/getColorValue");
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var IllustrationContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n"])));
+var IllustrationContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n\n  width: fit-content;\n  height: fit-content;\n"])));
 exports.IllustrationContainer = IllustrationContainer;
-var IconContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  ", "\n"])), function (_ref) {
-  var name = _ref.name;
-  switch (name) {
-    case 'illust-order':
-      return "\n          top: 40px;\n          left: 54px;\n        ";
-    case 'illust-alternative-order':
-      return "\n          width: 35px;\n          top: 105px;\n          left: 12px;\n        ";
-    case 'illust-box-delivery':
-      return "\n          top: 123px;\n          left: 122px;\n          width: 35px;\n        ";
-    case 'illust-transport':
-      return "\n          top: 123px;\n          left: 122px;\n          width: 35px;\n          ";
-    case 'illust-collaborator':
-      return "\n            top: 92px;\n            left: 99px;\n            width: 35px;\n        ";
+var StatusBubbleContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  background: ", ";\n\n  padding: 4px;\n\n  border-radius: 50%;\n  border: ", ";\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;\n\n  ", "\n"])), function (_ref) {
+  var bubbleColor = _ref.bubbleColor,
+    theme = _ref.theme;
+  return bubbleColor ? (0, _getColorValue.getColorValue)(bubbleColor, theme) : 'white';
+}, function (_ref2) {
+  var size = _ref2.size;
+  return "".concat(0.03 * size, "px solid white;");
+}, function (_ref3) {
+  var iconPosition = _ref3.bubblePosition,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 150 : _ref3$size;
+  switch (iconPosition) {
+    case 'center':
+      {
+        var topOffset = 0.175;
+        var leftOffset = 0.31;
+        return "\n        top: ".concat(size * topOffset, "px;\n        left: ").concat(size * leftOffset, "px;\n        ");
+      }
+    case 'top-left':
+      {
+        var _topOffset = 0.15;
+        var _leftOffset = 0.05;
+        return "\n        top: ".concat(size * _topOffset, "px;\n        left: ").concat(size * _leftOffset, "px;\n        ");
+      }
+    case 'top-right':
+      {
+        var _topOffset2 = 0.15;
+        var _leftOffset2 = 0.6;
+        return "\n        top: ".concat(size * _topOffset2, "px;\n        left: ").concat(size * _leftOffset2, "px;\n        ");
+      }
+    case 'bottom-left':
+      {
+        var _topOffset3 = 0.6;
+        var _leftOffset3 = 0.05;
+        return "\n        top: ".concat(size * _topOffset3, "px;\n        left: ").concat(size * _leftOffset3, "px;\n        ");
+      }
+    case 'bottom-right':
+      {
+        var _topOffset4 = 0.6;
+        var _leftOffset4 = 0.6;
+        return "\n        top: ".concat(size * _topOffset4, "px;\n        left: ").concat(size * _leftOffset4, "px;\n          ");
+      }
     default:
-      return "\n          top: 123px;\n          left: 10px;\n          width: 35px;\n        ";
+      {
+        var _topOffset5 = 0.6;
+        var _leftOffset5 = 0.6;
+        return "\n        top: ".concat(size * _topOffset5, "px;\n        left: ").concat(size * _leftOffset5, "px;\n          ");
+      }
   }
 });
-exports.IconContainer = IconContainer;
+exports.StatusBubbleContainer = StatusBubbleContainer;

package/dist/components/Illustration/types.d.ts

@@ -1,7 +1,12 @@
-import { IconName } from '../Icon/types';
-export interface IllustrationProps {
-    iconName?: IconName;
-    name?: 'illust-inquiry' | 'illust-order' | 'illust-alternative-order' | 'illust-prescription' | 'illust-calendar' | 'illust-card' | 'illust-pix' | 'illust-boleto' | 'illust-box-closed' | 'illust-box-open' | 'illust-box-delivery' | 'illust-transport' | 'illust-collaborator';
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
-}
+import { GlobalColorsProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export interface IllustrationProps {
+    iconName?: IconName;
+    name?: 'illust-order' | IconName;
+    color?: GlobalColorsProps | (string & {});
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative' | undefined;
+    bubblePosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'center' | undefined;
+    bubbleColor?: GlobalColorsProps | (string & {});
+    size?: number;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Illustration/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EACD,gBAAgB,GAChB,cAAc,GACd,0BAA0B,GAC1B,qBAAqB,GACrB,iBAAiB,GACjB,aAAa,GACb,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,iBAAiB,GACjB,qBAAqB,GACrB,kBAAkB,GAClB,qBAAqB,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;CACjF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IAC5F,cAAc,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClG,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/ImageItem/imageFake.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ImageFake: JSX.Element;
+/// <reference types="react" />
+export declare const ImageFake: JSX.Element;
 //# sourceMappingURL=imageFake.d.ts.map

package/dist/components/ImageItem/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const ImageItem: FC<IInputProps>;
-export default ImageItem;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const ImageItem: FC<IInputProps>;
+export default ImageItem;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ImageItem/input.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';
 //# sourceMappingURL=input.test.d.ts.map

package/dist/components/ImageItem/styles.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const ImageItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Subtitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Description: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from './types';
+export declare const ImageItemWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Subtitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map