Merge pull request #28 from adtribute/denis.baryshok/replace-ui-box

Replace `ui-box` with `@maestroqa/ui-box`

commonjs/alert/src/Alert.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = require("@maestroqa/ui-box");
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = require("ui-box");
 const buttons_1 = require("../../buttons");
 const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");

commonjs/alert/src/InlineAlert.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = require("@maestroqa/ui-box");
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = require("ui-box");
 const hooks_1 = require("../../hooks");
 const layers_1 = require("../../layers");
 const typography_1 = require("../../typography");

commonjs/avatar/src/Avatar.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importDefault(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importDefault(require("ui-box"));
 const hooks_1 = require("../../hooks");
 const image_1 = require("../../image");
 const typography_1 = require("../../typography");

commonjs/buttons/src/Button.js

@@ -39,8 +39,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIconSizeForButton = exports.pseudoSelectors = exports.internalStyles = void 0;
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importStar(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importStar(require("ui-box"));
 const hooks_1 = require("../../hooks");
 const IconWrapper_1 = require("../../icons/src/IconWrapper");
 const deprecated_theme_helpers_1 = require("../../lib/deprecated-theme-helpers");

commonjs/buttons/src/IconButton.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = require("@maestroqa/ui-box");
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = require("ui-box");
 const hooks_1 = require("../../hooks");
 const IconWrapper_1 = require("../../icons/src/IconWrapper");
 const Button_1 = __importStar(require("./Button"));

commonjs/buttons/src/TextDropdownButton.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importStar(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importStar(require("ui-box"));
 const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");
 const IconWrapper_1 = require("../../icons/src/IconWrapper");

commonjs/checkbox/src/Checkbox.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importStar(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importStar(require("ui-box"));
 const hooks_1 = require("../../hooks");
 const typography_1 = require("../../typography");
 const CheckIcon = (_a) => {

commonjs/combobox/src/Combobox.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = require("@maestroqa/ui-box");
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = require("ui-box");
 const autocomplete_1 = require("../../autocomplete");
 const buttons_1 = require("../../buttons");
 const group_1 = require("../../group");

commonjs/corner-dialog/src/CornerDialog.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = require("@maestroqa/ui-box");
 const prop_types_1 = __importDefault(require("prop-types"));
 const react_transition_group_1 = require("react-transition-group");
-const ui_box_1 = require("ui-box");
 const buttons_1 = require("../../buttons");
 const AbsolutePosition_1 = __importDefault(require("../../constants/src/AbsolutePosition"));
 const Position_1 = __importDefault(require("../../constants/src/Position"));

commonjs/dialog/src/Dialog.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = require("@maestroqa/ui-box");
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = require("ui-box");
 const buttons_1 = require("../../buttons");
 const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");

commonjs/file-picker/src/FilePicker.js

@@ -39,8 +39,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CLASS_PREFIX = void 0;
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importDefault(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importDefault(require("ui-box"));
 const buttons_1 = require("../../buttons");
 const safe_invoke_1 = __importDefault(require("../../lib/safe-invoke"));
 const text_input_1 = require("../../text-input");

commonjs/file-uploader/src/FileCard.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importDefault(require("@maestroqa/ui-box"));
 const humanize_plus_1 = __importDefault(require("humanize-plus"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importDefault(require("ui-box"));
 const buttons_1 = require("../../buttons");
 const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");

commonjs/file-uploader/src/FileUploader.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importDefault(require("@maestroqa/ui-box"));
 const lodash_isempty_1 = __importDefault(require("lodash.isempty"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importDefault(require("ui-box"));
 const constants_1 = require("../../constants");
 const form_field_1 = require("../../form-field");
 const hooks_1 = require("../../hooks");

commonjs/form-field/src/FormField.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importStar(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importStar(require("ui-box"));
 const FormFieldDescription_1 = __importDefault(require("./FormFieldDescription"));
 const FormFieldHint_1 = __importDefault(require("./FormFieldHint"));
 const FormFieldLabel_1 = __importDefault(require("./FormFieldLabel"));

commonjs/group/src/Group.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_box_1 = __importDefault(require("@maestroqa/ui-box"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const ui_box_1 = __importDefault(require("ui-box"));
 const hooks_1 = require("../../hooks");
 const pseudoSelectors = {
     _child: '& > *',

commonjs/hooks/use-style-config.js

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyleConfig = void 0;
 const react_1 = require("react");
+const ui_box_1 = require("@maestroqa/ui-box");
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 const react_fast_compare_1 = __importDefault(require("react-fast-compare"));
-const ui_box_1 = require("ui-box");
 const theme_1 = require("../theme");
 /**
  * @typedef {object} StateStyles
@@ -36,7 +36,7 @@ const theme_1 = require("../theme");
  * @property {string} [appearance]
  * @property {string} [size]
  */
-/** @typedef {import('ui-box').EnhancerProps & StateStyles} Style */
+/** @typedef {import('@maestroqa/ui-box').EnhancerProps & StateStyles} Style */
 /**
  * @typedef {object} StyleConfig
  * @property {Style} baseStyle
@@ -61,7 +61,7 @@ function maybeRunDeep(raw, ...args) {
  * @param {object} theme
  * @param {StyleModifiers} props
  * @param {StyleConfig} styleConfig
- * @param {import('ui-box').BoxCssProps<CssProps>} [internalStyles]
+ * @param {import('@maestroqa/ui-box').BoxCssProps<CssProps>} [internalStyles]
  * @returns {StyleConfig}
  */
 function combineStyles(theme, props, styleConfig, internalStyles = {}) {
@@ -93,7 +93,7 @@ function useBoxProps(styleProps, placeholderSelectors) {
     return (0, react_1.useMemo)(() => {
         // Split the resulting style object into ui-box-compatible props and the rest
         const _a = (0, ui_box_1.splitBoxProps)(styleProps), _b = _a.matchedProps, { selectors: actualSelectors = {} } = _b, matchedProps = __rest(_b, ["selectors"]), { remainingProps } = _a;
-        /** @type {import('ui-box').EnhancerProps['selectors']} */
+        /** @type {import('@maestroqa/ui-box').EnhancerProps['selectors']} */
         const selectors = {};
         // Swap out pseudo selector placeholders for their actual css selector strings
         for (const k of Object.keys(actualSelectors)) {
@@ -115,8 +115,8 @@ function useBoxProps(styleProps, placeholderSelectors) {
  * @param {string} componentKey the name of the component in the theme
  * @param {StyleModifiers} props props that modify the resulting visual style (e.g. `size` or `appearance`)
  * @param {PseudoSelectors} placeholderSelectors mapping for the component between states and actual pseudo selectors
- * @param {import('ui-box').BoxCssProps<CssProps>} [internalStyles] additional styles that are specified internally, separate from the visual styles
- * @returns {{ selectors: import('ui-box').EnhancerProps['selectors'], style: import('react').CSSProperties } & import('ui-box').EnhancerProps}
+ * @param {import('@maestroqa/ui-box').BoxCssProps<CssProps>} [internalStyles] additional styles that are specified internally, separate from the visual styles
+ * @returns {{ selectors: import('@maestroqa/ui-box').EnhancerProps['selectors'], style: import('react').CSSProperties } & import('@maestroqa/ui-box').EnhancerProps}
  */
 function useStyleConfig(componentKey, props, placeholderSelectors, internalStyles) {
     const theme = (0, theme_1.useTheme)();