@spaced-out/ui-design-system 0.0.1-alpha.0 → 0.0.1-alpha.1

package/lib/components/Text/Text.js

@@ -8,7 +8,6 @@ var React = _interopRequireWildcard(require("react"));
 var _typography = require("../../types/typography");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -19,10 +18,9 @@ const JumboMedium = _ref => {
     children,
     className
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-    className: (0, _classify.default)(_typographyModule.default.jumboMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_typographyModule.default.jumboMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.JumboMedium = JumboMedium;
 const TitleMedium = _ref2 => {
@@ -31,10 +29,9 @@ const TitleMedium = _ref2 => {
     children,
     className
   } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("h1", {
-    className: (0, _classify.default)(_typographyModule.default.titleMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("h1", {
+    className: (0, _classify.default)(_typographyModule.default.titleMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.TitleMedium = TitleMedium;
 const SubTitleLarge = _ref3 => {
@@ -43,10 +40,9 @@ const SubTitleLarge = _ref3 => {
     children,
     className
   } = _ref3;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("h2", {
-    className: (0, _classify.default)(_typographyModule.default.subTitleLarge, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("h2", {
+    className: (0, _classify.default)(_typographyModule.default.subTitleLarge, _typographyModule.default[color], className)
+  }, children);
 };
 exports.SubTitleLarge = SubTitleLarge;
 const SubTitleMedium = _ref4 => {
@@ -55,10 +51,9 @@ const SubTitleMedium = _ref4 => {
     children,
     className
   } = _ref4;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("h3", {
-    className: (0, _classify.default)(_typographyModule.default.subTitleMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("h3", {
+    className: (0, _classify.default)(_typographyModule.default.subTitleMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.SubTitleMedium = SubTitleMedium;
 const SubTitleSmall = _ref5 => {
@@ -67,10 +62,9 @@ const SubTitleSmall = _ref5 => {
     children,
     className
   } = _ref5;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("h4", {
-    className: (0, _classify.default)(_typographyModule.default.subTitleSmall, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("h4", {
+    className: (0, _classify.default)(_typographyModule.default.subTitleSmall, _typographyModule.default[color], className)
+  }, children);
 };
 exports.SubTitleSmall = SubTitleSmall;
 const SubTitleExtraSmall = _ref6 => {
@@ -79,10 +73,9 @@ const SubTitleExtraSmall = _ref6 => {
     children,
     className
   } = _ref6;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("h5", {
-    className: (0, _classify.default)(_typographyModule.default.subTitleExtraSmall, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("h5", {
+    className: (0, _classify.default)(_typographyModule.default.subTitleExtraSmall, _typographyModule.default[color], className)
+  }, children);
 };
 exports.SubTitleExtraSmall = SubTitleExtraSmall;
 const ButtonTextMedium = _ref7 => {
@@ -91,10 +84,9 @@ const ButtonTextMedium = _ref7 => {
     children,
     className
   } = _ref7;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-    className: (0, _classify.default)(_typographyModule.default.buttonTextMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_typographyModule.default.buttonTextMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.ButtonTextMedium = ButtonTextMedium;
 const ButtonTextSmall = _ref8 => {
@@ -103,10 +95,9 @@ const ButtonTextSmall = _ref8 => {
     children,
     className
   } = _ref8;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-    className: (0, _classify.default)(_typographyModule.default.buttonTextSmall, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_typographyModule.default.buttonTextSmall, _typographyModule.default[color], className)
+  }, children);
 };
 exports.ButtonTextSmall = ButtonTextSmall;
 const FormInputMedium = _ref9 => {
@@ -115,10 +106,9 @@ const FormInputMedium = _ref9 => {
     children,
     className
   } = _ref9;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("p", {
-    className: (0, _classify.default)(_typographyModule.default.formInputMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("p", {
+    className: (0, _classify.default)(_typographyModule.default.formInputMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.FormInputMedium = FormInputMedium;
 const FormInputSmall = _ref10 => {
@@ -127,10 +117,9 @@ const FormInputSmall = _ref10 => {
     children,
     className
   } = _ref10;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("p", {
-    className: (0, _classify.default)(_typographyModule.default.formInputSmall, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("p", {
+    className: (0, _classify.default)(_typographyModule.default.formInputSmall, _typographyModule.default[color], className)
+  }, children);
 };
 exports.FormInputSmall = FormInputSmall;
 const BodyLarge = _ref11 => {
@@ -139,10 +128,9 @@ const BodyLarge = _ref11 => {
     children,
     className
   } = _ref11;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("p", {
-    className: (0, _classify.default)(_typographyModule.default.bodyLarge, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("p", {
+    className: (0, _classify.default)(_typographyModule.default.bodyLarge, _typographyModule.default[color], className)
+  }, children);
 };
 exports.BodyLarge = BodyLarge;
 const BodyMedium = _ref12 => {
@@ -151,10 +139,9 @@ const BodyMedium = _ref12 => {
     children,
     className
   } = _ref12;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("p", {
-    className: (0, _classify.default)(_typographyModule.default.bodyMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("p", {
+    className: (0, _classify.default)(_typographyModule.default.bodyMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.BodyMedium = BodyMedium;
 const BodySmall = _ref13 => {
@@ -163,10 +150,9 @@ const BodySmall = _ref13 => {
     children,
     className
   } = _ref13;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("p", {
-    className: (0, _classify.default)(_typographyModule.default.bodySmall, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("p", {
+    className: (0, _classify.default)(_typographyModule.default.bodySmall, _typographyModule.default[color], className)
+  }, children);
 };
 exports.BodySmall = BodySmall;
 const FormLabelMedium = _ref14 => {
@@ -175,10 +161,9 @@ const FormLabelMedium = _ref14 => {
     children,
     className
   } = _ref14;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-    className: (0, _classify.default)(_typographyModule.default.formLabelMedium, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_typographyModule.default.formLabelMedium, _typographyModule.default[color], className)
+  }, children);
 };
 exports.FormLabelMedium = FormLabelMedium;
 const FormLabelSmall = _ref15 => {
@@ -187,9 +172,8 @@ const FormLabelSmall = _ref15 => {
     children,
     className
   } = _ref15;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-    className: (0, _classify.default)(_typographyModule.default.formLabelSmall, _typographyModule.default[color], className),
-    children: children
-  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_typographyModule.default.formLabelSmall, _typographyModule.default[color], className)
+  }, children);
 };
 exports.FormLabelSmall = FormLabelSmall;

package/lib/components/Textarea/Textarea.js

@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
 var _Text = require("../Text");
 var _TextareaModule = _interopRequireDefault(require("./Textarea.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Textarea_ = (props, ref) => {
   const {
     value,
@@ -44,52 +43,42 @@ const Textarea_ = (props, ref) => {
     }
   }, [value]);
   const controlledTextareaFilled = value !== '';
-  return /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_TextareaModule.default.wrapper, {
       [_TextareaModule.default.filled]: controlledTextareaFilled ?? false,
       [_TextareaModule.default.withError]: (error || textCountError) ?? false
-    }),
-    children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-      className: _TextareaModule.default.info,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-        className: _TextareaModule.default.infoContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.js)(_Text.FormLabelSmall, {
-          color: "secondary",
-          children: label ?? ''
-        }), "\xA0", required && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.FormLabelSmall, {
-          color: "danger",
-          children: '*'
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.js)(_Text.FormLabelSmall, {
-        color: error || textCountError ? 'danger' : 'secondary',
-        children: !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-      className: (0, _classify.classify)(_TextareaModule.default.box, classNames?.box, {
-        [_TextareaModule.default.inputDisabled]: disabled ?? false,
-        [_TextareaModule.default.medium]: size === 'medium',
-        [_TextareaModule.default.small]: size === 'small',
-        [_TextareaModule.default.locked]: locked
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.js)("textarea", {
-        disabled: locked || disabled,
-        name: name,
-        ref: ref,
-        placeholder: placeholder,
-        value: value,
-        onChange: onChange,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        ...textareaProps
-      })
-    }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-      className: _TextareaModule.default.info,
-      children: /*#__PURE__*/(0, _jsxRuntime.js)(_Text.BodySmall, {
-        color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary',
-        children: error && errorText ? errorText : helperText ?? ''
-      })
-    })]
-  });
+    })
+  }, Boolean(label) && /*#__PURE__*/React.createElement("div", {
+    className: _TextareaModule.default.info
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _TextareaModule.default.infoContent
+  }, /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
+    color: "secondary"
+  }, label ?? ''), "\xA0", required && /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
+    color: "danger"
+  }, '*')), /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
+    color: error || textCountError ? 'danger' : 'secondary'
+  }, !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit)), /*#__PURE__*/React.createElement("div", {
+    className: (0, _classify.classify)(_TextareaModule.default.box, classNames?.box, {
+      [_TextareaModule.default.inputDisabled]: disabled ?? false,
+      [_TextareaModule.default.medium]: size === 'medium',
+      [_TextareaModule.default.small]: size === 'small',
+      [_TextareaModule.default.locked]: locked
+    })
+  }, /*#__PURE__*/React.createElement("textarea", _extends({
+    disabled: locked || disabled,
+    name: name,
+    ref: ref,
+    placeholder: placeholder,
+    value: value,
+    onChange: onChange,
+    onFocus: onFocus,
+    onBlur: onBlur
+  }, textareaProps))), (Boolean(helperText) || error) && /*#__PURE__*/React.createElement("div", {
+    className: _TextareaModule.default.info
+  }, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+    color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary'
+  }, error && errorText ? errorText : helperText ?? '')));
 };
 const Textarea = /*#__PURE__*/React.forwardRef(Textarea_);
 exports.Textarea = Textarea;

package/lib/components/Toast/Toast.js

@@ -10,7 +10,6 @@ var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _Icon = require("../Icon");
 var _Text = require("../Text");
 var _ToastModule = _interopRequireDefault(require("./Toast.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -34,35 +33,35 @@ const ToastIcon = _ref => {
   } = _ref;
   switch (semantic) {
     case 'success':
-      return /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
+      return /*#__PURE__*/React.createElement(_Icon.Icon, {
         name: "circle-check",
         size: "medium",
         color: _Text.TEXT_COLORS.success,
         type: "solid"
       });
     case TOAST_SEMANTIC.information:
-      return /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
+      return /*#__PURE__*/React.createElement(_Icon.Icon, {
         name: "circle-info",
         size: "medium",
         color: _Text.TEXT_COLORS.information,
         type: "solid"
       });
     case TOAST_SEMANTIC.warning:
-      return /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
+      return /*#__PURE__*/React.createElement(_Icon.Icon, {
         name: "circle-exclamation",
         size: "medium",
         color: _Text.TEXT_COLORS.warning,
         type: "solid"
       });
     case TOAST_SEMANTIC.danger:
-      return /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
+      return /*#__PURE__*/React.createElement(_Icon.Icon, {
         name: "shield-exclamation",
         size: "medium",
         color: _Text.TEXT_COLORS.danger,
         type: "solid"
       });
     default:
-      return /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
+      return /*#__PURE__*/React.createElement(_Icon.Icon, {
         color: _Text.TEXT_COLORS.neutral,
         name: "face-smile",
         size: "medium",
@@ -118,10 +117,9 @@ const ToastFooter = _ref4 => {
     }
     return child;
   });
-  return React.Children.count(children) > 0 ? /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-    className: _ToastModule.default.toastFooterActions,
-    children: footerActions
-  }) : null;
+  return React.Children.count(children) > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: _ToastModule.default.toastFooterActions
+  }, footerActions) : null;
 };
 exports.ToastFooter = ToastFooter;
 const Toast = _ref5 => {
@@ -154,34 +152,24 @@ const Toast = _ref5 => {
   const footerWithClose = footer ? /*#__PURE__*/React.cloneElement(footer, {
     onClose
   }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.js)(_reactDomInteractions.FloatingFocusManager, {
+  return /*#__PURE__*/React.createElement(_reactDomInteractions.FloatingFocusManager, {
     context: context,
-    initialFocus: initialFocus,
-    children: /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-      className: (0, _classify.default)(_ToastModule.default.toastContainer, classNames?.wrapper),
-      ref: floating,
-      children: [/*#__PURE__*/(0, _jsxRuntime.js)(ToastIcon, {
-        semantic: semantic
-      }), /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-        className: _ToastModule.default.toastMidSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-          className: _ToastModule.default.contentWrap,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-            className: _ToastModule.default.titleBodyWrap,
-            children: [/*#__PURE__*/(0, _jsxRuntime.js)(_Text.SubTitleSmall, {
-              color: TOAST_TITLE_COLOR[semantic],
-              children: getComp('ToastTitle')
-            }), /*#__PURE__*/(0, _jsxRuntime.js)(_Text.BodyMedium, {
-              children: getComp('ToastBody')
-            })]
-          }), time && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.SubTitleExtraSmall, {
-            children: time
-          })]
-        }), footerWithClose]
-      }), /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.CloseIcon, {
-        onClick: onClose
-      })]
-    })
-  });
+    initialFocus: initialFocus
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classify.default)(_ToastModule.default.toastContainer, classNames?.wrapper),
+    ref: floating
+  }, /*#__PURE__*/React.createElement(ToastIcon, {
+    semantic: semantic
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _ToastModule.default.toastMidSection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _ToastModule.default.contentWrap
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _ToastModule.default.titleBodyWrap
+  }, /*#__PURE__*/React.createElement(_Text.SubTitleSmall, {
+    color: TOAST_TITLE_COLOR[semantic]
+  }, getComp('ToastTitle')), /*#__PURE__*/React.createElement(_Text.BodyMedium, null, getComp('ToastBody'))), time && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, null, time)), footerWithClose), /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
+    onClick: onClose
+  })));
 };
 exports.Toast = Toast;

package/lib/components/Toast/ToastContainer.js

@@ -10,7 +10,6 @@ var _hooks = require("../../hooks");
 var _classify = require("../../utils/classify");
 var _ = require("./");
 var _ToastContainerModule = _interopRequireDefault(require("./ToastContainer.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -115,10 +114,10 @@ const ToastContainer = () => {
           })
         );
       });
-      return /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-        className: (0, _classify.classify)(_ToastContainerModule.default.toastContainer, _ToastContainerModule.default[position]),
-        children: content
-      }, position.toString());
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: position.toString(),
+        className: (0, _classify.classify)(_ToastContainerModule.default.toastContainer, _ToastContainerModule.default[position])
+      }, content);
     });
   };
   if (!toastRef.current) {

package/lib/components/Toggle/Toggle.js

@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _Text = require("../Text/Text");
 var _ToggleModule = _interopRequireDefault(require("./Toggle.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Toggle = _ref => {
   let {
     name = 'toggle',
@@ -39,31 +38,27 @@ const Toggle = _ref => {
       toggleInput.current.focus();
     }
   }, [focused]);
-  return /*#__PURE__*/(0, _jsxRuntime.jss)("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: (0, _classify.default)(_ToggleModule.default.container, {
       [_ToggleModule.default.disabled]: disabled
-    }, classNames?.wrapper),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jss)("span", {
-      className: _ToggleModule.default.toggleWrap,
-      children: [/*#__PURE__*/(0, _jsxRuntime.js)("input", {
-        type: "checkbox",
-        name: name,
-        value: value,
-        checked: checked,
-        onChange: handleOnChange,
-        ref: toggleInput,
-        disabled: disabled,
-        ...props
-      }), /*#__PURE__*/(0, _jsxRuntime.js)("span", {
-        className: (0, _classify.default)(_ToggleModule.default.toggle, {
-          [_ToggleModule.default.disabledButton]: disabled
-        })
-      })]
-    }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.FormLabelMedium, {
-      color: "secondary",
-      className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label),
-      children: children
-    })]
-  });
+    }, classNames?.wrapper)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _ToggleModule.default.toggleWrap
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    onChange: handleOnChange,
+    ref: toggleInput,
+    disabled: disabled
+  }, props)), /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_ToggleModule.default.toggle, {
+      [_ToggleModule.default.disabledButton]: disabled
+    })
+  })), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement(_Text.FormLabelMedium, {
+    color: "secondary",
+    className: (0, _classify.default)(_ToggleModule.default.toggleLabel, classNames?.label)
+  }, children));
 };
 exports.Toggle = Toggle;

package/lib/components/Tooltip/Tooltip.js

@@ -12,11 +12,10 @@ var _mergeRefs = require("../../utils/merge-refs");
 var _Text = require("../Text");
 var _Truncate = require("../Truncate");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Tooltip = _ref => {
   let {
     classNames,
@@ -49,33 +48,25 @@ const Tooltip = _ref => {
 
   // Note(Nishant) Preserve the consumer's ref
   const ref = React.useMemo(() => (0, _mergeRefs.mergeRefs)([reference, children.ref]), [reference, children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jss)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, getReferenceProps({
-      ref,
-      ...children.props
-    })), open && /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-      ref: floating,
-      className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.wrapper),
-      style: {
-        position: strategy,
-        top: y ?? _space.spaceNone,
-        left: x ?? _space.spaceNone
-      },
-      ...getFloatingProps(),
-      children: [!!title && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.SubTitleExtraSmall, {
-        color: "inversePrimary",
-        children: /*#__PURE__*/(0, _jsxRuntime.js)(_Truncate.Truncate, {
-          line: 1,
-          children: title
-        })
-      }), !!body && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.BodyMedium, {
-        color: !title ? 'inversePrimary' : 'inverseSecondary',
-        children: /*#__PURE__*/(0, _jsxRuntime.js)(_Truncate.Truncate, {
-          line: 2,
-          children: body
-        })
-      })]
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, getReferenceProps({
+    ref,
+    ...children.props
+  })), open && /*#__PURE__*/React.createElement("div", _extends({
+    ref: floating,
+    className: (0, _classify.classify)(_TooltipModule.default.tooltip, classNames?.wrapper),
+    style: {
+      position: strategy,
+      top: y ?? _space.spaceNone,
+      left: x ?? _space.spaceNone
+    }
+  }, getFloatingProps()), !!title && /*#__PURE__*/React.createElement(_Text.SubTitleExtraSmall, {
+    color: "inversePrimary"
+  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, {
+    line: 1
+  }, title)), !!body && /*#__PURE__*/React.createElement(_Text.BodyMedium, {
+    color: !title ? 'inversePrimary' : 'inverseSecondary'
+  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, {
+    line: 2
+  }, body))));
 };
 exports.Tooltip = Tooltip;

package/lib/components/Truncate/Truncate.js

@@ -7,7 +7,6 @@ exports.Truncate = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
 var _TruncateModule = _interopRequireDefault(require("./Truncate.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -17,12 +16,11 @@ const Truncate = _ref => {
     children,
     line = 1
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: (0, _classify.classify)(_TruncateModule.default.truncateLineClamp),
     style: {
       WebkitLineClamp: `${line}`
-    },
-    children: children
-  });
+    }
+  }, children);
 };
 exports.Truncate = Truncate;