@terraware/web-components 1.0.3 → 1.0.6

package/components/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAKpD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoB5D"}

package/components/DatePicker.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DatePicker;
+
+var _moment = _interopRequireDefault(require("moment"));
+
+require("moment/min/locales");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _material = require("@mui/material");
+
+var _xDatePickers = require("@mui/x-date-pickers");
+
+var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
+
+function DatePicker(props) {
+  _react.default.useEffect(function () {
+    _moment.default.locale([window.navigator.language, 'en']); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [window.navigator.language]);
+
+  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
+    dateAdapter: _AdapterDateFns.AdapterDateFns
+  }, /*#__PURE__*/_react.default.createElement(_xDatePickers.DesktopDatePicker, {
+    label: props.label,
+    inputFormat: "yyyy-MM-dd",
+    value: props.value ? (0, _moment.default)(props.value, 'YYYY-MM-DD').toDate() : null,
+    onChange: function onChange(newValue) {
+      props.onChange(props.id, newValue);
+    },
+    renderInput: function renderInput(params) {
+      return /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
+        id: props.id,
+        onKeyPress: props.onKeyPress
+      }));
+    },
+    disabled: props.disabled
+  }));
+}

package/components/DialogBox/DialogBox.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import './styles.scss';
+export interface Props {
+    title: string;
+    size: 'small' | 'medium' | 'large' | 'x-large';
+    message?: string | string[];
+    children?: ReactNode;
+    leftButton?: ReactNode;
+    rightButtons?: JSX.Element[];
+    middleButtons?: JSX.Element[];
+    onClose?: () => void;
+    open: boolean;
+    scrolled?: boolean;
+}
+export default function DialogBox(props: Props): JSX.Element | null;
+//# sourceMappingURL=DialogBox.d.ts.map

package/components/DialogBox/DialogBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBox.d.ts","sourceRoot":"","sources":["../../../src/components/DialogBox/DialogBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,eAAe,CAAC;AAKvB,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA8DlE"}

package/components/DialogBox/DialogBox.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DialogBox;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./styles.scss");
+
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+
+var _material = require("@mui/material");
+
+var _utils = require("../../utils");
+
+function DialogBox(props) {
+  var title = props.title,
+      size = props.size,
+      message = props.message,
+      children = props.children,
+      leftButton = props.leftButton,
+      rightButtons = props.rightButtons,
+      middleButtons = props.middleButtons,
+      onClose = props.onClose,
+      open = props.open,
+      scrolled = props.scrolled;
+  var hasFooter = leftButton || rightButtons || middleButtons;
+
+  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
+      isMobile = _useDeviceInfo.isMobile;
+
+  return open ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box-container ".concat(open ? 'dialog-box--opened' : 'dialog-box--closed', " ").concat(isMobile ? 'mobile' : '')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box dialog-box--".concat(size)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box--header"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "title"
+  }, title), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    onClick: onClose,
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "close",
+    className: "icon-close"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (hasFooter ? 'dialog-box--body' : 'dialog-box--body-no-footer') + (scrolled ? ' scrolled' : '')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box--message"
+  }, message), /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box--boundary"
+  }, children)), hasFooter && /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box--footer"
+  }, leftButton && /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box--footer-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "left-button"
+  }, leftButton), /*#__PURE__*/_react.default.createElement("div", {
+    className: "right-buttons"
+  }, rightButtons === null || rightButtons === void 0 ? void 0 : rightButtons.map(function (rb, index) {
+    var rbWithKey = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rb), {}, {
+      key: "rb-".concat(index),
+      props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rb.props), {}, {
+        size: rb.props.size || 'medium'
+      })
+    });
+    return rbWithKey;
+  }))), middleButtons && /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialog-box--actions-container"
+  }, middleButtons === null || middleButtons === void 0 ? void 0 : middleButtons.map(function (mb, index) {
+    var mbWithKey = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mb), {}, {
+      key: "mb-".concat(index),
+      props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mb.props), {}, {
+        size: mb.props.size || 'medium'
+      })
+    });
+    return mbWithKey;
+  }))))) : null;
+}

package/components/DialogBox/styles.scss

@@ -0,0 +1,138 @@
+@import '../../style-dictionary-dist/dialogBox_variables.scss';
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
+}
+
+.dialog-box-container {
+  background: rgba(249, 250, 250, 0.8);
+  backdrop-filter: blur(3px);
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: fixed;
+  z-index: 1300;
+  inset: 0px;
+
+  &.mobile {
+    margin: 0 5px;
+    .dialog-box {
+      &--footer {
+        button {
+          margin: 0 0 $tw-spc-base-x-small 0;
+        }
+        &-container {
+          flex-direction: column;
+          .left-button,
+          .right-buttons {
+            display: flex;
+            flex-direction: column;
+          }
+        }
+      }
+      &--actions-container {
+        flex-direction: column-reverse;
+      }
+    }
+  }
+}
+
+.dialog-box {
+  border: 1px solid $tw-clr-dvdr-fill;
+  box-shadow: $tw-elvtn-base-800;
+  border-radius: $tw-sz-base-small;
+  display: flex;
+  flex-direction: column;
+  background: $tw-clr-base-white;
+  max-height: calc(100vh - 128px); //64 from top and bottom
+  margin-top: auto;
+  margin-bottom: auto;
+
+  &--closed {
+    display: none;
+  }
+
+  &--small {
+    width: 320px;
+  }
+  &--medium {
+    width: 480px;
+  }
+  &--large {
+    width: 640px;
+  }
+  &--x-large {
+    width: 800px;
+  }
+
+  &--header {
+    background-color: $tw-clr-base-gray-050;
+    border-bottom: 1px solid $tw-clr-dvdr-fill;
+    padding: $tw-spc-base-small $tw-spc-base-medium;
+    display: flex;
+    justify-content: space-between;
+    border-radius: $tw-sz-base-small $tw-sz-base-small 0 0;
+    .title {
+      font-family: $tw-fnt-dlg-bx-title-font-family;
+      font-size: $tw-fnt-dlg-bx-title-font-size;
+      font-weight: $tw-fnt-dlg-bx-title-font-weight;
+      line-height: $tw-fnt-dlg-bx-title-line-height;
+      color: $tw-clr-text-fill;
+      text-align: center;
+      margin: 0;
+      width: 100%;
+    }
+
+    .icon-close {
+      fill: $tw-clr-icon-fill-passive;
+      height: $tw-sz-base-medium;
+      width: $tw-sz-base-medium;
+    }
+  }
+
+  &--body {
+    background: $tw-clr-base-white;
+    border-bottom: 1px solid $tw-clr-dvdr-fill;
+    padding: $tw-spc-base-medium;
+    text-align: center;
+    &.scrolled {
+      overflow: auto;
+    }
+  }
+
+  &--body-no-footer {
+    color: $tw-clr-base-white;
+    padding: $tw-spc-base-medium;
+  }
+
+  &--message {
+    font-family: $tw-fnt-dlg-bx-message-font-family;
+    font-size: $tw-fnt-dlg-bx-message-font-size;
+    font-weight: $tw-fnt-dlg-bx-message-font-weight;
+    line-height: $tw-fnt-dlg-bx-message-line-height;
+    color: $tw-clr-text-fill;
+    width: 100%;
+    text-align: center;
+  }
+
+  &--footer {
+    border-radius: 0 0 $tw-sz-base-small $tw-sz-base-small;
+    background-color: $tw-clr-base-gray-050;
+    padding: $tw-spc-base-medium $tw-spc-base-medium;
+    button + button {
+      margin-left: $tw-spc-base-x-small;
+    }
+  }
+
+  &--footer-container {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &--actions-container {
+    display: flex;
+    justify-content: center;
+  }
+}

package/components/Divisor.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface Props {
+    mt?: number;
+}
+export default function Divisor({ mt }: Props): JSX.Element;
+//# sourceMappingURL=Divisor.d.ts.map

package/components/Divisor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divisor.d.ts","sourceRoot":"","sources":["../../src/components/Divisor.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,EAAM,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAQ9D"}

package/components/Divisor.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Divisor;
+
+var _material = require("@mui/material");
+
+var _react = _interopRequireDefault(require("react"));
+
+function Divisor(_ref) {
+  var _ref$mt = _ref.mt,
+      mt = _ref$mt === void 0 ? 3 : _ref$mt;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    mt: mt
+  }), /*#__PURE__*/_react.default.createElement(_material.Divider, {
+    light: true
+  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    mt: mt
+  }));
+}

package/components/Dropdown.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface Props {
+    id: string;
+    label: string;
+    values?: DropdownItem[];
+    onChange: (id: string, value: string) => void;
+    selected: string | undefined;
+    disabled?: boolean;
+}
+export declare type DropdownItem = {
+    label: string;
+    value: string;
+};
+export default function Dropdown({ id, label, values, onChange, selected, disabled }: Props): JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/components/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBxG"}

package/components/Dropdown.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Dropdown;
+
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
+
+var _react = _interopRequireDefault(require("react"));
+
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    formControl: {
+      width: '100%'
+    }
+  };
+});
+
+function Dropdown(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      values = _ref.values,
+      onChange = _ref.onChange,
+      selected = _ref.selected,
+      disabled = _ref.disabled;
+
+  var onChangeH = function onChangeH(event, _child) {
+    onChange(id, event.target.value);
+  };
+
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    variant: "outlined",
+    className: classes.formControl,
+    size: "small",
+    disabled: disabled
+  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
+    id: "".concat(id, "-outlined-label")
+  }, label), /*#__PURE__*/_react.default.createElement(_material.Select, {
+    labelId: "".concat(id, "-outlined-label"),
+    id: id,
+    label: label,
+    onChange: onChangeH,
+    value: selected
+  }, values === null || values === void 0 ? void 0 : values.map(function (_ref2) {
+    var inLabel = _ref2.label,
+        value = _ref2.value;
+    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+      id: value,
+      key: value,
+      value: value
+    }, inLabel);
+  })));
+}

package/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Size } from '../Size';
+import { IconName } from './icons';
+import './styles.scss';
+export interface Props {
+    name: IconName;
+    size?: Size;
+    className?: string;
+}
+export default function Icon({ size, name, className }: Props): JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAc,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAIpF"}

package/components/Icon/Icon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Icon;
+
+var _icons = _interopRequireDefault(require("./icons"));
+
+require("./styles.scss");
+
+var _react = _interopRequireDefault(require("react"));
+
+function Icon(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size,
+      name = _ref.name,
+      className = _ref.className;
+  var SVGComponent = _icons.default[name];
+  return /*#__PURE__*/_react.default.createElement(SVGComponent, {
+    className: "tw-icon tw-icon--".concat(size, " ").concat(className !== null && className !== void 0 ? className : className)
+  });
+}

package/components/Icon/icons/assets/BlobbyGrayIconUploadToTheCloud.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgBlobbyGrayIconUploadToTheCloud: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export default SvgBlobbyGrayIconUploadToTheCloud;
+//# sourceMappingURL=BlobbyGrayIconUploadToTheCloud.d.ts.map

package/components/Icon/icons/assets/BlobbyGrayIconUploadToTheCloud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlobbyGrayIconUploadToTheCloud.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/icons/assets/BlobbyGrayIconUploadToTheCloud.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,iCAAiC,iCAAkC,SAAS,aAAa,CAAC,GAAG,SAAS,gBAc3G,CAAC;AAEF,eAAe,iCAAiC,CAAC"}

package/components/Icon/icons/assets/BlobbyGrayIconUploadToTheCloud.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SvgBlobbyGrayIconUploadToTheCloud = function SvgBlobbyGrayIconUploadToTheCloud(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["title", "titleId"]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    viewBox: "0 0 200 128",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734Z",
+    fill: "#F2F4F5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M100 45.333c-8.373 0-15.264 6.467-15.943 14.667h-.724C77.084 60 72 65.084 72 71.333c0 6.25 5.084 11.334 11.333 11.334h12v-4h-12c-4.044 0-7.333-3.29-7.333-7.334S79.29 64 83.333 64H86c1.105 0 2-.895 2-2v-.667c0-6.616 5.384-12 12-12s12 5.384 12 12V62a2 2 0 0 0 2 2h2.667c4.044 0 7.333 3.29 7.333 7.333 0 4.044-3.289 7.334-7.333 7.334h-12v4h12c6.249 0 11.333-5.084 11.333-11.334S122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667Zm-.031 18.638a2.001 2.001 0 0 0-1.565.797l-5.818 5.818a2 2 0 1 0 2.828 2.828L98 70.828V86a2.002 2.002 0 0 0 2.772 1.873A2.002 2.002 0 0 0 102 86V70.828l2.586 2.586a1.998 1.998 0 0 0 2.857.029 2.01 2.01 0 0 0 .586-1.435 2.006 2.006 0 0 0-.615-1.422l-5.828-5.828a2.003 2.003 0 0 0-1.617-.787Z",
+    fill: "#708284"
+  }));
+};
+
+var _default = SvgBlobbyGrayIconUploadToTheCloud;
+exports.default = _default;

package/components/Icon/icons/assets/BlobbyIconHappy.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgBlobbyIconHappy: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export default SvgBlobbyIconHappy;
+//# sourceMappingURL=BlobbyIconHappy.d.ts.map

package/components/Icon/icons/assets/BlobbyIconHappy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlobbyIconHappy.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/icons/assets/BlobbyIconHappy.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,kBAAkB,iCAAkC,SAAS,aAAa,CAAC,GAAG,SAAS,gBAgG5F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}