diff --git a/commonjs/alert/src/Alert.js b/commonjs/alert/src/Alert.js index 2b337de9..264c8312 100644 --- a/commonjs/alert/src/Alert.js +++ b/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"); diff --git a/commonjs/alert/src/InlineAlert.js b/commonjs/alert/src/InlineAlert.js index 6116b5f9..cf5de59a 100644 --- a/commonjs/alert/src/InlineAlert.js +++ b/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"); diff --git a/commonjs/avatar/src/Avatar.js b/commonjs/avatar/src/Avatar.js index 6d594134..382d0abe 100644 --- a/commonjs/avatar/src/Avatar.js +++ b/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"); diff --git a/commonjs/buttons/src/Button.js b/commonjs/buttons/src/Button.js index 76dfa30f..c8789a58 100644 --- a/commonjs/buttons/src/Button.js +++ b/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"); diff --git a/commonjs/buttons/src/IconButton.js b/commonjs/buttons/src/IconButton.js index 3284ba39..c19a90eb 100644 --- a/commonjs/buttons/src/IconButton.js +++ b/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")); diff --git a/commonjs/buttons/src/TextDropdownButton.js b/commonjs/buttons/src/TextDropdownButton.js index 574cbcd0..1391d186 100644 --- a/commonjs/buttons/src/TextDropdownButton.js +++ b/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"); diff --git a/commonjs/checkbox/src/Checkbox.js b/commonjs/checkbox/src/Checkbox.js index 3df824c0..9684b507 100644 --- a/commonjs/checkbox/src/Checkbox.js +++ b/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) => { diff --git a/commonjs/combobox/src/Combobox.js b/commonjs/combobox/src/Combobox.js index 5f314438..455f373a 100644 --- a/commonjs/combobox/src/Combobox.js +++ b/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"); diff --git a/commonjs/corner-dialog/src/CornerDialog.js b/commonjs/corner-dialog/src/CornerDialog.js index 199c0c8d..fc517a27 100644 --- a/commonjs/corner-dialog/src/CornerDialog.js +++ b/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")); diff --git a/commonjs/dialog/src/Dialog.js b/commonjs/dialog/src/Dialog.js index 3efeba7a..eb87f627 100644 --- a/commonjs/dialog/src/Dialog.js +++ b/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"); diff --git a/commonjs/file-picker/src/FilePicker.js b/commonjs/file-picker/src/FilePicker.js index e3f81671..63bd4ecd 100644 --- a/commonjs/file-picker/src/FilePicker.js +++ b/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"); diff --git a/commonjs/file-uploader/src/FileCard.js b/commonjs/file-uploader/src/FileCard.js index 47747c30..a92ba777 100644 --- a/commonjs/file-uploader/src/FileCard.js +++ b/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"); diff --git a/commonjs/file-uploader/src/FileUploader.js b/commonjs/file-uploader/src/FileUploader.js index d1a5e6c5..8d4cd8c7 100644 --- a/commonjs/file-uploader/src/FileUploader.js +++ b/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"); diff --git a/commonjs/form-field/src/FormField.js b/commonjs/form-field/src/FormField.js index ba1dc5c9..44cb1ee1 100644 --- a/commonjs/form-field/src/FormField.js +++ b/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")); diff --git a/commonjs/group/src/Group.js b/commonjs/group/src/Group.js index e037606f..46ce6194 100644 --- a/commonjs/group/src/Group.js +++ b/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: '& > *', diff --git a/commonjs/hooks/use-style-config.js b/commonjs/hooks/use-style-config.js index 16fda081..353d55b8 100644 --- a/commonjs/hooks/use-style-config.js +++ b/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} [internalStyles] + * @param {import('@maestroqa/ui-box').BoxCssProps} [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} [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} [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)(); diff --git a/commonjs/icons/generated/AddClipIcon.js b/commonjs/icons/generated/AddClipIcon.js deleted file mode 100644 index 8161c4b8..00000000 --- a/commonjs/icons/generated/AddClipIcon.js +++ /dev/null @@ -1,40 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.AddClipIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = [ - 'M12 0a1 1 0 00-1 1v2H9a1 1 0 000 2h2v2a1 1 0 102 0V5h2a1 1 0 100-2h-2V1a1 1 0 00-1-1zM0 4a1 1 0 011-1h3.5a1 1 0 010 2H2v2a1 1 0 01-2 0V4zm1 12a1 1 0 01-1-1v-3a1 1 0 112 0v2h2.5a1 1 0 110 2H1zm11 0a1 1 0 001-1v-3a1 1 0 10-2 0v2H9a1 1 0 100 2h3zm-5.5-4a2.5 2.5 0 100-5 2.5 2.5 0 000 5z' -]; -const svgPaths20 = [ - 'M15 0a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0V6h-3a1 1 0 110-2h3V1a1 1 0 011-1zM1 4a1 1 0 00-1 1v4a1 1 0 002 0V6h3a1 1 0 000-2H1zM0 19a1 1 0 001 1h4a1 1 0 100-2H2v-3a1 1 0 10-2 0v4zm15 1h-4a1 1 0 110-2h3v-3a1 1 0 112 0v4a1 1 0 01-1 1zm-7-5a3 3 0 100-6 3 3 0 000 6z' -]; -exports.AddClipIcon = (0, react_1.memo)((0, react_1.forwardRef)(function AddClipIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "add-clip" }, props)); -})); diff --git a/commonjs/icons/generated/CargoShipIcon.js b/commonjs/icons/generated/CargoShipIcon.js deleted file mode 100644 index 3c90a047..00000000 --- a/commonjs/icons/generated/CargoShipIcon.js +++ /dev/null @@ -1,40 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.CargoShipIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = [ - 'M10 1h3a1 1 0 011 1v2h-4V1zM2.25 4a.25.25 0 00-.25.25V9H.883a.5.5 0 00-.429.757l1.072 1.787c.207.344.477.638.791.87A9.76 9.76 0 011 12.5a.5.5 0 000 1c2.067 0 3.414-.543 4.161-.917.55.373 1.505.917 2.839.917 1.32 0 2.27-.533 2.822-.905l.004.002c.196.105.48.24.856.374.75.268 1.857.529 3.318.529a.5.5 0 000-1c-.326 0-.63-.014-.916-.039.47-.328.848-.79 1.07-1.347l.572-1.428A.5.5 0 0015.26 9H4V4.25A.25.25 0 003.75 4h-1.5zm2.714 9.56a.5.5 0 01.527.033c.455.325 1.277.907 2.509.907s2.054-.582 2.51-.907a.5.5 0 01.579-.001l.006.004.036.023c.034.022.09.055.168.097.154.082.394.197.72.313.649.232 1.642.471 2.981.471a.5.5 0 010 1c-1.46 0-2.568-.261-3.318-.53a6.316 6.316 0 01-.856-.373l-.004-.002c-.552.372-1.502.905-2.822.905-1.334 0-2.289-.544-2.839-.917-.747.374-2.094.917-4.161.917a.5.5 0 010-1c2.129 0 3.384-.63 3.964-.94zM14 5h-4v3h3a1 1 0 001-1V5zM5 2a1 1 0 011-1h3v3H5V2zm4 3H5v2a1 1 0 001 1h3V5z' -]; -const svgPaths20 = [ - 'M12.5 1.25h4a1 1 0 011 1V5h-5V1.25zM2.75 5a.25.25 0 00-.25.25v6H.883a.5.5 0 00-.429.757l1.672 2.787c.17.284.384.533.63.741-.458.057-.959.09-1.506.09a.625.625 0 100 1.25c2.583 0 4.268-.68 5.202-1.146.687.466 1.88 1.146 3.548 1.146 1.65 0 2.837-.666 3.528-1.132l.005.003c.244.131.6.3 1.07.468.938.335 2.321.661 4.147.661a.625.625 0 100-1.25c-.319 0-.622-.01-.91-.03.398-.318.717-.738.914-1.23l.972-2.43a.5.5 0 00-.464-.685H5v-6A.25.25 0 004.75 5h-2zm3.455 11.95a.625.625 0 01.658.041c.569.407 1.597 1.134 3.137 1.134s2.568-.727 3.137-1.134a.625.625 0 01.724-.001l.007.005.045.029c.044.027.114.069.21.12.194.104.493.247.9.392.812.29 2.053.589 3.727.589a.625.625 0 110 1.25c-1.826 0-3.21-.326-4.148-.661a7.894 7.894 0 01-1.069-.468l-.005-.003c-.691.466-1.878 1.132-3.528 1.132-1.667 0-2.861-.68-3.548-1.146-.934.467-2.619 1.146-5.202 1.146a.625.625 0 110-1.25c2.66 0 4.23-.787 4.955-1.176zM17.5 6.25h-5V10h4a1 1 0 001-1V6.25zm-11.25-4a1 1 0 011-1h4V5h-5V2.25zm5 4h-5V9a1 1 0 001 1h4V6.25z' -]; -exports.CargoShipIcon = (0, react_1.memo)((0, react_1.forwardRef)(function CargoShipIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "cargo-ship" }, props)); -})); diff --git a/commonjs/icons/generated/ClipIcon.js b/commonjs/icons/generated/ClipIcon.js deleted file mode 100644 index 9ef21a59..00000000 --- a/commonjs/icons/generated/ClipIcon.js +++ /dev/null @@ -1,40 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.ClipIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = [ - 'M0 1a1 1 0 011-1h4a1 1 0 010 2H2v3a1 1 0 01-2 0V1zm1 15a1 1 0 01-1-1v-4a1 1 0 112 0v3h3a1 1 0 110 2H1zm14 0a1 1 0 001-1v-4a1 1 0 10-2 0v3h-3a1 1 0 100 2h4zm0-16a1 1 0 011 1v4a1 1 0 11-2 0V2h-3a1 1 0 110-2h4zM8 11a3 3 0 100-6 3 3 0 000 6z' -]; -const svgPaths20 = [ - 'M0 1a1 1 0 011-1h5a1 1 0 010 2H2v4a1 1 0 01-2 0V1zm1 19a1 1 0 01-1-1v-5a1 1 0 112 0v4h4a1 1 0 110 2H1zm18 0a1 1 0 001-1v-5a1 1 0 10-2 0v4h-4a1 1 0 100 2h5zm0-20a1 1 0 011 1v5a1 1 0 11-2 0V2h-4a1 1 0 110-2h5zm-9 14a4 4 0 100-8 4 4 0 000 8z' -]; -exports.ClipIcon = (0, react_1.memo)((0, react_1.forwardRef)(function ClipIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "clip" }, props)); -})); diff --git a/commonjs/icons/generated/RectangleIcon.js b/commonjs/icons/generated/RectangleIcon.js deleted file mode 100644 index 9872a2e6..00000000 --- a/commonjs/icons/generated/RectangleIcon.js +++ /dev/null @@ -1,36 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.RectangleIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = ['M1 3h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1zm1 2v6h12V5H2z']; -const svgPaths20 = ['M1 4h18c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1zm1 2v8h16V6H2z']; -exports.RectangleIcon = (0, react_1.memo)((0, react_1.forwardRef)(function RectangleIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "rectangle" }, props)); -})); diff --git a/commonjs/icons/generated/ShipIcon.js b/commonjs/icons/generated/ShipIcon.js deleted file mode 100644 index 8a1aa245..00000000 --- a/commonjs/icons/generated/ShipIcon.js +++ /dev/null @@ -1,40 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.ShipIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = [ - 'M5.44.804L5.2 2H3a1 1 0 00-1 1v3.714l-1.08.309a.988.988 0 00-.69 1.192c.366 1.432.897 3.324 1.309 4.26a.644.644 0 00.005.01c-.175.01-.356.015-.544.015a.5.5 0 000 1c2.067 0 3.414-.543 4.161-.917.55.373 1.505.917 2.839.917 1.32 0 2.27-.533 2.822-.905l.004.002c.196.105.48.24.856.374.75.268 1.857.529 3.318.529a.5.5 0 000-1c-.295 0-.572-.012-.834-.032a.995.995 0 00.308-.458l1.208-3.74a1 1 0 00-.677-1.269L14 6.714V3a1 1 0 00-1-1h-2.2L10.56.804A1 1 0 009.58 0H6.42a1 1 0 00-.98.804zM4 6.143l3-.857V4H4v2.143zm5-.857l3 .857V4H9v1.286zm-4.036 8.273a.5.5 0 01.527.034c.455.325 1.277.907 2.509.907s2.054-.582 2.51-.907a.5.5 0 01.579-.001l.006.004.036.023c.034.022.09.055.168.097.154.082.394.197.72.313.649.232 1.642.471 2.981.471a.5.5 0 010 1c-1.46 0-2.568-.261-3.318-.53a6.316 6.316 0 01-.856-.373l-.004-.002c-.552.372-1.502.905-2.822.905-1.334 0-2.289-.544-2.839-.917-.747.374-2.094.917-4.161.917a.5.5 0 010-1c2.129 0 3.384-.63 3.964-.94z' -]; -const svgPaths20 = [ - 'M6.84.804L6.5 2.5h-3a1 1 0 00-1 1v4.893l-1.58.451a.99.99 0 00-.691 1.192c.46 1.82 1.163 4.356 1.701 5.571-.218.012-.445.018-.68.018a.625.625 0 100 1.25c2.583 0 4.268-.68 5.202-1.146.687.466 1.88 1.146 3.548 1.146 1.65 0 2.837-.666 3.528-1.132l.005.003c.244.131.6.3 1.07.468.938.335 2.321.661 4.147.661a.625.625 0 100-1.25c-.323 0-.63-.011-.922-.031a.996.996 0 00.184-.334l1.67-5.168a1 1 0 00-.677-1.27l-1.505-.43V3.5a1 1 0 00-1-1h-3L13.16.804A1 1 0 0012.18 0H7.82a1 1 0 00-.98.804zM5 7.679l3.75-1.072V5H5v2.679zm6.25-1.072L15 7.68V5h-3.75v1.607zM6.205 16.95a.625.625 0 01.658.042c.569.407 1.597 1.134 3.137 1.134s2.568-.727 3.137-1.134a.625.625 0 01.724-.001l.007.005.045.029c.044.027.114.069.21.12.194.104.493.247.9.392.811.29 2.053.589 3.727.589a.625.625 0 110 1.25c-1.826 0-3.21-.326-4.148-.661a7.894 7.894 0 01-1.069-.468l-.005-.003c-.691.466-1.878 1.132-3.528 1.132-1.667 0-2.861-.68-3.548-1.146-.934.467-2.619 1.146-5.202 1.146a.625.625 0 110-1.25c2.66 0 4.23-.787 4.955-1.176z' -]; -exports.ShipIcon = (0, react_1.memo)((0, react_1.forwardRef)(function ShipIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "ship" }, props)); -})); diff --git a/commonjs/icons/generated/SymbolRectangleIcon.js b/commonjs/icons/generated/SymbolRectangleIcon.js deleted file mode 100644 index 9f08affd..00000000 --- a/commonjs/icons/generated/SymbolRectangleIcon.js +++ /dev/null @@ -1,36 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.SymbolRectangleIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = ['M13 4H3c-.5 0-1 .5-1 1v6c0 .5.5 1 1 1h10c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1z']; -const svgPaths20 = ['M16 5H4c-.5 0-1 .5-1 1v8c0 .5.5 1 1 1h12c.5 0 1-.5 1-1V6c0-.5-.5-1-1-1z']; -exports.SymbolRectangleIcon = (0, react_1.memo)((0, react_1.forwardRef)(function SymbolRectangleIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "symbol-rectangle" }, props)); -})); diff --git a/commonjs/icons/generated/TargetIcon.js b/commonjs/icons/generated/TargetIcon.js deleted file mode 100644 index 4b4e19d6..00000000 --- a/commonjs/icons/generated/TargetIcon.js +++ /dev/null @@ -1,42 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.TargetIcon = void 0; -const react_1 = __importStar(require("react")); -const Icon_1 = __importDefault(require("../src/Icon")); -const svgPaths16 = [ - 'M7 4a1 1 0 012 0v2a1 1 0 01-2 0V4zM10 7a1 1 0 000 2h2a1 1 0 000-2h-2zM3 8a1 1 0 011-1h2a1 1 0 010 2H4a1 1 0 01-1-1zM8 9a1 1 0 00-1 1v2a1 1 0 002 0v-2a1 1 0 00-1-1z', - 'M8 16A8 8 0 108 0a8 8 0 000 16zm0-2A6 6 0 108 2a6 6 0 000 12z' -]; -const svgPaths20 = [ - 'M9 5a1 1 0 012 0v3a1 1 0 01-2 0V5zM12 9a1 1 0 000 2h3a1 1 0 000-2h-3zM4 10a1 1 0 011-1h3a1 1 0 010 2H5a1 1 0 01-1-1zM10 11a1 1 0 00-1 1v3a1 1 0 002 0v-3a1 1 0 00-1-1z', - 'M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm0-2a8 8 0 100-16 8 8 0 000 16z' -]; -exports.TargetIcon = (0, react_1.memo)((0, react_1.forwardRef)(function TargetIcon(props, ref) { - return react_1.default.createElement(Icon_1.default, Object.assign({ svgPaths16: svgPaths16, svgPaths20: svgPaths20, ref: ref, name: "target" }, props)); -})); diff --git a/commonjs/icons/src/Icon.js b/commonjs/icons/src/Icon.js index 4d6ec45b..a869199e 100644 --- a/commonjs/icons/src/Icon.js +++ b/commonjs/icons/src/Icon.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 = {}; const internalStyles = {}; diff --git a/commonjs/icons/src/IconWrapper.js b/commonjs/icons/src/IconWrapper.js index 60df1a55..646e5e88 100644 --- a/commonjs/icons/src/IconWrapper.js +++ b/commonjs/icons/src/IconWrapper.js @@ -39,9 +39,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) { Object.defineProperty(exports, "__esModule", { value: true }); exports.IconWrapper = 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 react_is_1 = __importDefault(require("react-is")); -const ui_box_1 = __importDefault(require("ui-box")); /** * This is an internal helper component for rendering custom or Evergreen icons * Box props are applied to the outer Box container, and Evergreen icon-specific props are added to the icon element. diff --git a/commonjs/image/src/Image.js b/commonjs/image/src/Image.js index 9cfd8f60..2b6295b1 100644 --- a/commonjs/image/src/Image.js +++ b/commonjs/image/src/Image.js @@ -27,8 +27,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 Image = (0, react_1.memo)((0, react_1.forwardRef)(function Image(props, ref) { return react_1.default.createElement(ui_box_1.default, Object.assign({ is: "img" }, props, { ref: ref })); })); diff --git a/commonjs/index.js b/commonjs/index.js index d067f390..c5d5ae27 100644 --- a/commonjs/index.js +++ b/commonjs/index.js @@ -19,7 +19,7 @@ exports.Ul = exports.UnorderedList = exports.Tooltip = exports.toaster = exports exports.Strong = exports.Small = exports.Link = exports.Label = exports.Pre = exports.Code = exports.Heading = exports.Paragraph = exports.Text = exports.Li = exports.ListItem = exports.Ol = exports.OrderedList = void 0; const ssr_1 = require("./ssr"); (0, ssr_1.autoHydrate)(); -var ui_box_1 = require("ui-box"); +var ui_box_1 = require("@maestroqa/ui-box"); Object.defineProperty(exports, "configureSafeHref", { enumerable: true, get: function () { return ui_box_1.configureSafeHref; } }); var alert_1 = require("./alert"); Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } }); diff --git a/commonjs/layers/src/Pane.js b/commonjs/layers/src/Pane.js index be533e02..1f410957 100644 --- a/commonjs/layers/src/Pane.js +++ b/commonjs/layers/src/Pane.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 = { _hover: '&:hover', diff --git a/commonjs/menu/src/MenuItem.js b/commonjs/menu/src/MenuItem.js index b8434db3..8a36c0ee 100644 --- a/commonjs/menu/src/MenuItem.js +++ b/commonjs/menu/src/MenuItem.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 IconWrapper_1 = require("../../icons/src/IconWrapper"); const layers_1 = require("../../layers"); diff --git a/commonjs/overlay/src/Overlay.js b/commonjs/overlay/src/Overlay.js index 0976d5d5..e354eb97 100644 --- a/commonjs/overlay/src/Overlay.js +++ b/commonjs/overlay/src/Overlay.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 = __importStar(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 = __importStar(require("ui-box")); const constants_1 = require("../../constants"); const prevent_body_scroll_1 = __importDefault(require("../../lib/prevent-body-scroll")); const safe_invoke_1 = __importDefault(require("../../lib/safe-invoke")); diff --git a/commonjs/pulsar/src/Pulsar.js b/commonjs/pulsar/src/Pulsar.js index 74e15e5e..9d608070 100644 --- a/commonjs/pulsar/src/Pulsar.js +++ b/commonjs/pulsar/src/Pulsar.js @@ -39,8 +39,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) { Object.defineProperty(exports, "__esModule", { value: true }); exports.Pulsar = 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 Position_1 = __importDefault(require("../../constants/src/Position")); const layers_1 = require("../../layers"); const scales_1 = require("../../scales"); diff --git a/commonjs/radio/src/Radio.js b/commonjs/radio/src/Radio.js index b6476fe2..8a8b4915 100644 --- a/commonjs/radio/src/Radio.js +++ b/commonjs/radio/src/Radio.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 CircleIcon = (0, react_1.memo)(function CircleIcon(_a) { diff --git a/commonjs/radio/src/RadioGroup.js b/commonjs/radio/src/RadioGroup.js index e90a23f8..9f2e4de2 100644 --- a/commonjs/radio/src/RadioGroup.js +++ b/commonjs/radio/src/RadioGroup.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"); diff --git a/commonjs/search-input/src/SearchInput.js b/commonjs/search-input/src/SearchInput.js index a3c6b0c4..c67b5e86 100644 --- a/commonjs/search-input/src/SearchInput.js +++ b/commonjs/search-input/src/SearchInput.js @@ -35,7 +35,7 @@ var __rest = (this && this.__rest) || function (s, e) { }; Object.defineProperty(exports, "__esModule", { value: true }); const react_1 = __importStar(require("react")); -const ui_box_1 = __importStar(require("ui-box")); +const ui_box_1 = __importStar(require("@maestroqa/ui-box")); const constants_1 = require("../../constants"); const icons_1 = require("../../icons"); const text_input_1 = require("../../text-input"); diff --git a/commonjs/select/src/Select.js b/commonjs/select/src/Select.js index ec953097..f4d743bf 100644 --- a/commonjs/select/src/Select.js +++ b/commonjs/select/src/Select.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 deprecated_theme_helpers_1 = require("../../lib/deprecated-theme-helpers"); diff --git a/commonjs/select/src/SelectField.js b/commonjs/select/src/SelectField.js index dd0bb801..e2453055 100644 --- a/commonjs/select/src/SelectField.js +++ b/commonjs/select/src/SelectField.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 form_field_1 = require("../../form-field"); const hooks_1 = require("../../hooks"); const generate_aria_describedby_1 = require("../../lib/generate-aria-describedby"); diff --git a/commonjs/side-sheet/src/SheetClose.js b/commonjs/side-sheet/src/SheetClose.js index 94f95217..e4d083ae 100644 --- a/commonjs/side-sheet/src/SheetClose.js +++ b/commonjs/side-sheet/src/SheetClose.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 constants_1 = require("../../constants"); const icons_1 = require("../../icons"); const animationEasing = { diff --git a/commonjs/side-sheet/src/SideSheet.js b/commonjs/side-sheet/src/SideSheet.js index c0ee5a31..dc15c6cf 100644 --- a/commonjs/side-sheet/src/SideSheet.js +++ b/commonjs/side-sheet/src/SideSheet.js @@ -27,8 +27,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 constants_1 = require("../../constants"); const layers_1 = require("../../layers"); const overlay_1 = require("../../overlay"); diff --git a/commonjs/spinner/src/Spinner.js b/commonjs/spinner/src/Spinner.js index 2fa87fd8..6c9a8a55 100644 --- a/commonjs/spinner/src/Spinner.js +++ b/commonjs/spinner/src/Spinner.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 loadingKeyframes = (0, ui_box_1.keyframes)('loading', { 0: { diff --git a/commonjs/ssr/src/autoHydrate.js b/commonjs/ssr/src/autoHydrate.js index aa1accd7..cf1c963c 100644 --- a/commonjs/ssr/src/autoHydrate.js +++ b/commonjs/ssr/src/autoHydrate.js @@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) { }; Object.defineProperty(exports, "__esModule", { value: true }); exports.hydrate = void 0; -const ui_box_1 = require("ui-box"); +const ui_box_1 = require("@maestroqa/ui-box"); const canUseDom_1 = __importDefault(require("../../lib/canUseDom")); /** * You shouldn't have to manually run this. diff --git a/commonjs/ssr/src/extractStyles.js b/commonjs/ssr/src/extractStyles.js index 461c983f..55bc01fb 100644 --- a/commonjs/ssr/src/extractStyles.js +++ b/commonjs/ssr/src/extractStyles.js @@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) { }; Object.defineProperty(exports, "__esModule", { value: true }); const react_1 = __importDefault(require("react")); -const ui_box_1 = require("ui-box"); +const ui_box_1 = require("@maestroqa/ui-box"); function extractStyles(options = {}) { const { cache, styles } = (0, ui_box_1.extractStyles)(); const evergreenCache = { diff --git a/commonjs/switch/src/Switch.js b/commonjs/switch/src/Switch.js index b8f69c2b..60b2fc1a 100644 --- a/commonjs/switch/src/Switch.js +++ b/commonjs/switch/src/Switch.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 animationEasing = { spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)' diff --git a/commonjs/table/src/TextTableHeaderCell.js b/commonjs/table/src/TextTableHeaderCell.js index c16b8e92..72d3ce41 100644 --- a/commonjs/table/src/TextTableHeaderCell.js +++ b/commonjs/table/src/TextTableHeaderCell.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 TableHeaderCell_1 = __importDefault(require("./TableHeaderCell")); const TextTableHeaderCell = (0, react_1.memo)(function TextTableHeaderCell(props) { const { children, isSortable, sortOrder, textProps } = props, rest = __rest(props, ["children", "isSortable", "sortOrder", "textProps"]); diff --git a/commonjs/tabs/src/TabNavigation.js b/commonjs/tabs/src/TabNavigation.js index 8178363f..4e3e897f 100644 --- a/commonjs/tabs/src/TabNavigation.js +++ b/commonjs/tabs/src/TabNavigation.js @@ -27,7 +27,7 @@ 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("ui-box")); +const ui_box_1 = __importDefault(require("@maestroqa/ui-box")); const TabNavigation = (0, react_1.forwardRef)(function TabNavigation(props, ref) { return react_1.default.createElement(ui_box_1.default, Object.assign({ is: "nav", role: "navigation" }, props, { ref: ref })); }); diff --git a/commonjs/tabs/src/Tablist.js b/commonjs/tabs/src/Tablist.js index 95b9ff0c..e594a821 100644 --- a/commonjs/tabs/src/Tablist.js +++ b/commonjs/tabs/src/Tablist.js @@ -27,7 +27,7 @@ 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("ui-box")); +const ui_box_1 = __importDefault(require("@maestroqa/ui-box")); const Tablist = (0, react_1.forwardRef)(function Tablist(props, ref) { return react_1.default.createElement(ui_box_1.default, Object.assign({ role: "tablist" }, props, { ref: ref })); }); diff --git a/commonjs/tag-input/src/TagInput.js b/commonjs/tag-input/src/TagInput.js index 9f32b705..fe1fc3d2 100644 --- a/commonjs/tag-input/src/TagInput.js +++ b/commonjs/tag-input/src/TagInput.js @@ -41,9 +41,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_omit_1 = __importDefault(require("lodash.omit")); const prop_types_1 = __importDefault(require("prop-types")); -const ui_box_1 = __importDefault(require("ui-box")); const autocomplete_1 = require("../../autocomplete"); const buttons_1 = require("../../buttons"); const hooks_1 = require("../../hooks"); diff --git a/commonjs/text-input/src/TextInput.js b/commonjs/text-input/src/TextInput.js index 0b953840..a65d6c99 100644 --- a/commonjs/text-input/src/TextInput.js +++ b/commonjs/text-input/src/TextInput.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 deprecated_theme_helpers_1 = require("../../lib/deprecated-theme-helpers"); const theme_1 = require("../../theme"); diff --git a/commonjs/text-input/src/TextInputField.js b/commonjs/text-input/src/TextInputField.js index b86b4f47..2c84f662 100644 --- a/commonjs/text-input/src/TextInputField.js +++ b/commonjs/text-input/src/TextInputField.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 form_field_1 = require("../../form-field"); const hooks_1 = require("../../hooks"); const generate_aria_describedby_1 = require("../../lib/generate-aria-describedby"); diff --git a/commonjs/textarea/src/Textarea.js b/commonjs/textarea/src/Textarea.js index 7c1b8916..711d9040 100644 --- a/commonjs/textarea/src/Textarea.js +++ b/commonjs/textarea/src/Textarea.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 theme_1 = require("../../theme"); const pseudoSelectors = { diff --git a/commonjs/textarea/src/TextareaField.js b/commonjs/textarea/src/TextareaField.js index c599b46f..06789830 100644 --- a/commonjs/textarea/src/TextareaField.js +++ b/commonjs/textarea/src/TextareaField.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 form_field_1 = require("../../form-field"); const hooks_1 = require("../../hooks"); const generate_aria_describedby_1 = require("../../lib/generate-aria-describedby"); diff --git a/commonjs/toaster/src/Toast.js b/commonjs/toaster/src/Toast.js index 2b281abe..3f03c350 100644 --- a/commonjs/toaster/src/Toast.js +++ b/commonjs/toaster/src/Toast.js @@ -27,9 +27,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 prop_types_1 = __importDefault(require("prop-types")); const react_transition_group_1 = require("react-transition-group"); -const ui_box_1 = __importDefault(require("ui-box")); const Alert_1 = __importDefault(require("../../alert/src/Alert")); const ANIMATION_DURATION = 240; const defaultStyles = { diff --git a/commonjs/toaster/src/ToastManager.js b/commonjs/toaster/src/ToastManager.js index 13fa2817..3b5094d4 100644 --- a/commonjs/toaster/src/ToastManager.js +++ b/commonjs/toaster/src/ToastManager.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 constants_1 = require("../../constants"); const Toast_1 = __importDefault(require("./Toast")); const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id'); diff --git a/commonjs/typography/src/Heading.js b/commonjs/typography/src/Heading.js index ada80910..7f1cef39 100644 --- a/commonjs/typography/src/Heading.js +++ b/commonjs/typography/src/Heading.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 = {}; const internalStyles = {}; diff --git a/commonjs/typography/src/Label.js b/commonjs/typography/src/Label.js index 190363a6..160a96bd 100644 --- a/commonjs/typography/src/Label.js +++ b/commonjs/typography/src/Label.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 = {}; const internalStyles = {}; diff --git a/commonjs/typography/src/OrderedList.js b/commonjs/typography/src/OrderedList.js index 8b481bcd..980b569e 100644 --- a/commonjs/typography/src/OrderedList.js +++ b/commonjs/typography/src/OrderedList.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 emptyObject = {}; const internalStyles = { diff --git a/commonjs/typography/src/Paragraph.js b/commonjs/typography/src/Paragraph.js index efafcbab..63dad06e 100644 --- a/commonjs/typography/src/Paragraph.js +++ b/commonjs/typography/src/Paragraph.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 theme_1 = require("../../theme"); const emptyObject = {}; diff --git a/commonjs/typography/src/Small.js b/commonjs/typography/src/Small.js index 05d1e905..ecd9fac6 100644 --- a/commonjs/typography/src/Small.js +++ b/commonjs/typography/src/Small.js @@ -27,7 +27,7 @@ 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("ui-box")); +const ui_box_1 = __importDefault(require("@maestroqa/ui-box")); const Small = (0, react_1.memo)((0, react_1.forwardRef)(function Small(props, ref) { return react_1.default.createElement(ui_box_1.default, Object.assign({ ref: ref, is: "small", fontSize: "85%" }, props)); })); diff --git a/commonjs/typography/src/Text.js b/commonjs/typography/src/Text.js index a9331266..00b6804e 100644 --- a/commonjs/typography/src/Text.js +++ b/commonjs/typography/src/Text.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 theme_1 = require("../../theme"); const emptyObject = {}; diff --git a/commonjs/typography/src/UnorderedList.js b/commonjs/typography/src/UnorderedList.js index 086c16f9..90796cf1 100644 --- a/commonjs/typography/src/UnorderedList.js +++ b/commonjs/typography/src/UnorderedList.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 remove_undefined_1 = __importDefault(require("../../lib/remove-undefined")); const emptyObject = {}; diff --git a/esm/alert/src/Alert.js b/esm/alert/src/Alert.js index c9946648..27bfdd97 100644 --- a/esm/alert/src/Alert.js +++ b/esm/alert/src/Alert.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import { spacing, dimensions, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { spacing, dimensions, position, layout } from 'ui-box'; import { IconButton } from '../../buttons'; import { useStyleConfig } from '../../hooks'; import { CrossIcon } from '../../icons'; diff --git a/esm/alert/src/InlineAlert.js b/esm/alert/src/InlineAlert.js index 7e5ccc64..7ccd9db7 100644 --- a/esm/alert/src/InlineAlert.js +++ b/esm/alert/src/InlineAlert.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import { spacing, dimensions, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { spacing, dimensions, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { Pane } from '../../layers'; import { Text } from '../../typography'; diff --git a/esm/avatar/src/Avatar.js b/esm/avatar/src/Avatar.js index 4f743c77..e5f18536 100644 --- a/esm/avatar/src/Avatar.js +++ b/esm/avatar/src/Avatar.js @@ -3,8 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["className", "color", "forceShowInitials", "getInitials", "hashValue", "name", "shape", "size", "sizeLimitOneCharacter", "src"]; import React, { useState, memo, forwardRef, useCallback } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { Image } from '../../image'; import { Text } from '../../typography'; diff --git a/esm/buttons/src/Button.js b/esm/buttons/src/Button.js index 4bb9dfdd..6c2d8664 100644 --- a/esm/buttons/src/Button.js +++ b/esm/buttons/src/Button.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { spacing, dimensions, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { spacing, dimensions, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { IconWrapper } from '../../icons/src/IconWrapper'; import { getTextPropsForControlHeight } from '../../lib/deprecated-theme-helpers'; diff --git a/esm/buttons/src/IconButton.js b/esm/buttons/src/IconButton.js index 569a4e2e..6ea3bd0d 100644 --- a/esm/buttons/src/IconButton.js +++ b/esm/buttons/src/IconButton.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import { dimensions, spacing, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { dimensions, spacing, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { IconWrapper } from '../../icons/src/IconWrapper'; import Button, { getIconSizeForButton, internalStyles, pseudoSelectors } from './Button'; diff --git a/esm/buttons/src/TextDropdownButton.js b/esm/buttons/src/TextDropdownButton.js index a5f4d719..c77f8695 100644 --- a/esm/buttons/src/TextDropdownButton.js +++ b/esm/buttons/src/TextDropdownButton.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { dimensions, spacing, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { dimensions, spacing, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { CaretDownIcon } from '../../icons'; import { IconWrapper } from '../../icons/src/IconWrapper'; diff --git a/esm/checkbox/src/Checkbox.js b/esm/checkbox/src/Checkbox.js index 3c6c4d01..04c78954 100644 --- a/esm/checkbox/src/Checkbox.js +++ b/esm/checkbox/src/Checkbox.js @@ -11,8 +11,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef, useEffect, useState } from 'react'; +import Box, { spacing, position, layout, dimensions } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { spacing, position, layout, dimensions } from 'ui-box'; import { useMergedRef, useStyleConfig } from '../../hooks'; import { Text } from '../../typography'; diff --git a/esm/combobox/src/Combobox.js b/esm/combobox/src/Combobox.js index a18cc127..a3400828 100644 --- a/esm/combobox/src/Combobox.js +++ b/esm/combobox/src/Combobox.js @@ -9,8 +9,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, useState, useCallback } from 'react'; +import { dimensions, spacing, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { dimensions, spacing, position, layout } from 'ui-box'; import { Autocomplete } from '../../autocomplete'; import { IconButton } from '../../buttons'; import { Group } from '../../group'; diff --git a/esm/corner-dialog/src/CornerDialog.js b/esm/corner-dialog/src/CornerDialog.js index 196ccc39..0e754336 100644 --- a/esm/corner-dialog/src/CornerDialog.js +++ b/esm/corner-dialog/src/CornerDialog.js @@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray"; var _excluded = ["className"]; import React, { memo, useRef, useState, useEffect, useCallback } from 'react'; +import { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; import { Transition } from 'react-transition-group'; -import { keyframes } from 'ui-box'; import { Button, IconButton } from '../../buttons'; import absolutePositions from '../../constants/src/AbsolutePosition'; import positions from '../../constants/src/Position'; diff --git a/esm/dialog/src/Dialog.js b/esm/dialog/src/Dialog.js index 0f89b65d..11af738c 100644 --- a/esm/dialog/src/Dialog.js +++ b/esm/dialog/src/Dialog.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo } from 'react'; +import { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { keyframes } from 'ui-box'; import { Button, IconButton } from '../../buttons'; import { useStyleConfig } from '../../hooks'; import { CrossIcon } from '../../icons'; diff --git a/esm/file-picker/src/FilePicker.js b/esm/file-picker/src/FilePicker.js index a0998168..4f731120 100644 --- a/esm/file-picker/src/FilePicker.js +++ b/esm/file-picker/src/FilePicker.js @@ -4,8 +4,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["accept", "browseOrReplaceText", "capture", "className", "disabled", "height", "inputText", "multiple", "name", "onBlur", "onChange", "placeholder", "required"]; import React, { memo, forwardRef, useState, useRef, useCallback } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { Button } from '../../buttons'; import safeInvoke from '../../lib/safe-invoke'; import { TextInput } from '../../text-input'; diff --git a/esm/file-uploader/src/FileCard.js b/esm/file-uploader/src/FileCard.js index d55d8c65..06e76d82 100644 --- a/esm/file-uploader/src/FileCard.js +++ b/esm/file-uploader/src/FileCard.js @@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["description", "disabled", "isInvalid", "isLoading", "name", "onRemove", "sizeInBytes", "src", "type", "validationMessage"]; import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import humanize from 'humanize-plus'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { IconButton } from '../../buttons'; import { useStyleConfig } from '../../hooks'; import { InfoSignIcon, TrashIcon } from '../../icons'; diff --git a/esm/file-uploader/src/FileUploader.js b/esm/file-uploader/src/FileUploader.js index 05804594..0f8557d9 100644 --- a/esm/file-uploader/src/FileUploader.js +++ b/esm/file-uploader/src/FileUploader.js @@ -10,9 +10,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef, useState, useRef, useCallback } from 'react'; +import Box from '@maestroqa/ui-box'; import isEmpty from 'lodash.isempty'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { Key } from '../../constants'; import { FormField } from '../../form-field'; import { useStyleConfig } from '../../hooks'; diff --git a/esm/form-field/src/FormField.js b/esm/form-field/src/FormField.js index 0ba9c974..2ef65194 100644 --- a/esm/form-field/src/FormField.js +++ b/esm/form-field/src/FormField.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { dimensions, spacing, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { dimensions, spacing, position, layout } from 'ui-box'; import FormFieldDescription from './FormFieldDescription'; import FormFieldHint from './FormFieldHint'; import FormFieldLabel from './FormFieldLabel'; diff --git a/esm/group/src/Group.js b/esm/group/src/Group.js index 7792ef47..ee4f4456 100644 --- a/esm/group/src/Group.js +++ b/esm/group/src/Group.js @@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["children", "className", "size"]; import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; var pseudoSelectors = { _child: '& > *', diff --git a/esm/hooks/use-style-config.js b/esm/hooks/use-style-config.js index 9dee2f2c..711f056d 100644 --- a/esm/hooks/use-style-config.js +++ b/esm/hooks/use-style-config.js @@ -8,9 +8,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import { useMemo, useRef } from 'react'; +import { splitBoxProps } from '@maestroqa/ui-box'; import merge from 'lodash.merge'; import isEqual from 'react-fast-compare'; -import { splitBoxProps } from 'ui-box'; import { useTheme, get, resolveThemeTokens } from '../theme'; /** * @typedef {object} StateStyles @@ -31,7 +31,7 @@ import { useTheme, get, resolveThemeTokens } from '../theme'; * @property {string} [size] */ -/** @typedef {import('ui-box').EnhancerProps & StateStyles} Style */ +/** @typedef {import('@maestroqa/ui-box').EnhancerProps & StateStyles} Style */ /** * @typedef {object} StyleConfig @@ -71,7 +71,7 @@ function maybeRunDeep(raw) { * @param {object} theme * @param {StyleModifiers} props * @param {StyleConfig} styleConfig - * @param {import('ui-box').BoxCssProps} [internalStyles] + * @param {import('@maestroqa/ui-box').BoxCssProps} [internalStyles] * @returns {StyleConfig} */ @@ -117,7 +117,7 @@ function useBoxProps(styleProps, placeholderSelectors) { actualSelectors = _splitBoxProps$matche2 === void 0 ? {} : _splitBoxProps$matche2, matchedProps = _objectWithoutProperties(_splitBoxProps$matche, _excluded), remainingProps = _splitBoxProps.remainingProps; - /** @type {import('ui-box').EnhancerProps['selectors']} */ + /** @type {import('@maestroqa/ui-box').EnhancerProps['selectors']} */ var selectors = {}; // Swap out pseudo selector placeholders for their actual css selector strings @@ -146,8 +146,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} [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} [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} */ diff --git a/esm/icons/generated/AddClipIcon.js b/esm/icons/generated/AddClipIcon.js deleted file mode 100644 index d117f039..00000000 --- a/esm/icons/generated/AddClipIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M12 0a1 1 0 00-1 1v2H9a1 1 0 000 2h2v2a1 1 0 102 0V5h2a1 1 0 100-2h-2V1a1 1 0 00-1-1zM0 4a1 1 0 011-1h3.5a1 1 0 010 2H2v2a1 1 0 01-2 0V4zm1 12a1 1 0 01-1-1v-3a1 1 0 112 0v2h2.5a1 1 0 110 2H1zm11 0a1 1 0 001-1v-3a1 1 0 10-2 0v2H9a1 1 0 100 2h3zm-5.5-4a2.5 2.5 0 100-5 2.5 2.5 0 000 5z']; -var svgPaths20 = ['M15 0a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0V6h-3a1 1 0 110-2h3V1a1 1 0 011-1zM1 4a1 1 0 00-1 1v4a1 1 0 002 0V6h3a1 1 0 000-2H1zM0 19a1 1 0 001 1h4a1 1 0 100-2H2v-3a1 1 0 10-2 0v4zm15 1h-4a1 1 0 110-2h3v-3a1 1 0 112 0v4a1 1 0 01-1 1zm-7-5a3 3 0 100-6 3 3 0 000 6z']; -export var AddClipIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function AddClipIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "add-clip" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/generated/CargoShipIcon.js b/esm/icons/generated/CargoShipIcon.js deleted file mode 100644 index e3ab8381..00000000 --- a/esm/icons/generated/CargoShipIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M10 1h3a1 1 0 011 1v2h-4V1zM2.25 4a.25.25 0 00-.25.25V9H.883a.5.5 0 00-.429.757l1.072 1.787c.207.344.477.638.791.87A9.76 9.76 0 011 12.5a.5.5 0 000 1c2.067 0 3.414-.543 4.161-.917.55.373 1.505.917 2.839.917 1.32 0 2.27-.533 2.822-.905l.004.002c.196.105.48.24.856.374.75.268 1.857.529 3.318.529a.5.5 0 000-1c-.326 0-.63-.014-.916-.039.47-.328.848-.79 1.07-1.347l.572-1.428A.5.5 0 0015.26 9H4V4.25A.25.25 0 003.75 4h-1.5zm2.714 9.56a.5.5 0 01.527.033c.455.325 1.277.907 2.509.907s2.054-.582 2.51-.907a.5.5 0 01.579-.001l.006.004.036.023c.034.022.09.055.168.097.154.082.394.197.72.313.649.232 1.642.471 2.981.471a.5.5 0 010 1c-1.46 0-2.568-.261-3.318-.53a6.316 6.316 0 01-.856-.373l-.004-.002c-.552.372-1.502.905-2.822.905-1.334 0-2.289-.544-2.839-.917-.747.374-2.094.917-4.161.917a.5.5 0 010-1c2.129 0 3.384-.63 3.964-.94zM14 5h-4v3h3a1 1 0 001-1V5zM5 2a1 1 0 011-1h3v3H5V2zm4 3H5v2a1 1 0 001 1h3V5z']; -var svgPaths20 = ['M12.5 1.25h4a1 1 0 011 1V5h-5V1.25zM2.75 5a.25.25 0 00-.25.25v6H.883a.5.5 0 00-.429.757l1.672 2.787c.17.284.384.533.63.741-.458.057-.959.09-1.506.09a.625.625 0 100 1.25c2.583 0 4.268-.68 5.202-1.146.687.466 1.88 1.146 3.548 1.146 1.65 0 2.837-.666 3.528-1.132l.005.003c.244.131.6.3 1.07.468.938.335 2.321.661 4.147.661a.625.625 0 100-1.25c-.319 0-.622-.01-.91-.03.398-.318.717-.738.914-1.23l.972-2.43a.5.5 0 00-.464-.685H5v-6A.25.25 0 004.75 5h-2zm3.455 11.95a.625.625 0 01.658.041c.569.407 1.597 1.134 3.137 1.134s2.568-.727 3.137-1.134a.625.625 0 01.724-.001l.007.005.045.029c.044.027.114.069.21.12.194.104.493.247.9.392.812.29 2.053.589 3.727.589a.625.625 0 110 1.25c-1.826 0-3.21-.326-4.148-.661a7.894 7.894 0 01-1.069-.468l-.005-.003c-.691.466-1.878 1.132-3.528 1.132-1.667 0-2.861-.68-3.548-1.146-.934.467-2.619 1.146-5.202 1.146a.625.625 0 110-1.25c2.66 0 4.23-.787 4.955-1.176zM17.5 6.25h-5V10h4a1 1 0 001-1V6.25zm-11.25-4a1 1 0 011-1h4V5h-5V2.25zm5 4h-5V9a1 1 0 001 1h4V6.25z']; -export var CargoShipIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function CargoShipIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "cargo-ship" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/generated/ClipIcon.js b/esm/icons/generated/ClipIcon.js deleted file mode 100644 index 5619f847..00000000 --- a/esm/icons/generated/ClipIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M0 1a1 1 0 011-1h4a1 1 0 010 2H2v3a1 1 0 01-2 0V1zm1 15a1 1 0 01-1-1v-4a1 1 0 112 0v3h3a1 1 0 110 2H1zm14 0a1 1 0 001-1v-4a1 1 0 10-2 0v3h-3a1 1 0 100 2h4zm0-16a1 1 0 011 1v4a1 1 0 11-2 0V2h-3a1 1 0 110-2h4zM8 11a3 3 0 100-6 3 3 0 000 6z']; -var svgPaths20 = ['M0 1a1 1 0 011-1h5a1 1 0 010 2H2v4a1 1 0 01-2 0V1zm1 19a1 1 0 01-1-1v-5a1 1 0 112 0v4h4a1 1 0 110 2H1zm18 0a1 1 0 001-1v-5a1 1 0 10-2 0v4h-4a1 1 0 100 2h5zm0-20a1 1 0 011 1v5a1 1 0 11-2 0V2h-4a1 1 0 110-2h5zm-9 14a4 4 0 100-8 4 4 0 000 8z']; -export var ClipIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function ClipIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "clip" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/generated/RectangleIcon.js b/esm/icons/generated/RectangleIcon.js deleted file mode 100644 index f695b32d..00000000 --- a/esm/icons/generated/RectangleIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M1 3h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1zm1 2v6h12V5H2z']; -var svgPaths20 = ['M1 4h18c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1zm1 2v8h16V6H2z']; -export var RectangleIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function RectangleIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "rectangle" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/generated/ShipIcon.js b/esm/icons/generated/ShipIcon.js deleted file mode 100644 index 93e2335e..00000000 --- a/esm/icons/generated/ShipIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M5.44.804L5.2 2H3a1 1 0 00-1 1v3.714l-1.08.309a.988.988 0 00-.69 1.192c.366 1.432.897 3.324 1.309 4.26a.644.644 0 00.005.01c-.175.01-.356.015-.544.015a.5.5 0 000 1c2.067 0 3.414-.543 4.161-.917.55.373 1.505.917 2.839.917 1.32 0 2.27-.533 2.822-.905l.004.002c.196.105.48.24.856.374.75.268 1.857.529 3.318.529a.5.5 0 000-1c-.295 0-.572-.012-.834-.032a.995.995 0 00.308-.458l1.208-3.74a1 1 0 00-.677-1.269L14 6.714V3a1 1 0 00-1-1h-2.2L10.56.804A1 1 0 009.58 0H6.42a1 1 0 00-.98.804zM4 6.143l3-.857V4H4v2.143zm5-.857l3 .857V4H9v1.286zm-4.036 8.273a.5.5 0 01.527.034c.455.325 1.277.907 2.509.907s2.054-.582 2.51-.907a.5.5 0 01.579-.001l.006.004.036.023c.034.022.09.055.168.097.154.082.394.197.72.313.649.232 1.642.471 2.981.471a.5.5 0 010 1c-1.46 0-2.568-.261-3.318-.53a6.316 6.316 0 01-.856-.373l-.004-.002c-.552.372-1.502.905-2.822.905-1.334 0-2.289-.544-2.839-.917-.747.374-2.094.917-4.161.917a.5.5 0 010-1c2.129 0 3.384-.63 3.964-.94z']; -var svgPaths20 = ['M6.84.804L6.5 2.5h-3a1 1 0 00-1 1v4.893l-1.58.451a.99.99 0 00-.691 1.192c.46 1.82 1.163 4.356 1.701 5.571-.218.012-.445.018-.68.018a.625.625 0 100 1.25c2.583 0 4.268-.68 5.202-1.146.687.466 1.88 1.146 3.548 1.146 1.65 0 2.837-.666 3.528-1.132l.005.003c.244.131.6.3 1.07.468.938.335 2.321.661 4.147.661a.625.625 0 100-1.25c-.323 0-.63-.011-.922-.031a.996.996 0 00.184-.334l1.67-5.168a1 1 0 00-.677-1.27l-1.505-.43V3.5a1 1 0 00-1-1h-3L13.16.804A1 1 0 0012.18 0H7.82a1 1 0 00-.98.804zM5 7.679l3.75-1.072V5H5v2.679zm6.25-1.072L15 7.68V5h-3.75v1.607zM6.205 16.95a.625.625 0 01.658.042c.569.407 1.597 1.134 3.137 1.134s2.568-.727 3.137-1.134a.625.625 0 01.724-.001l.007.005.045.029c.044.027.114.069.21.12.194.104.493.247.9.392.811.29 2.053.589 3.727.589a.625.625 0 110 1.25c-1.826 0-3.21-.326-4.148-.661a7.894 7.894 0 01-1.069-.468l-.005-.003c-.691.466-1.878 1.132-3.528 1.132-1.667 0-2.861-.68-3.548-1.146-.934.467-2.619 1.146-5.202 1.146a.625.625 0 110-1.25c2.66 0 4.23-.787 4.955-1.176z']; -export var ShipIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function ShipIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "ship" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/generated/SymbolRectangleIcon.js b/esm/icons/generated/SymbolRectangleIcon.js deleted file mode 100644 index 3904a4b2..00000000 --- a/esm/icons/generated/SymbolRectangleIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M13 4H3c-.5 0-1 .5-1 1v6c0 .5.5 1 1 1h10c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1z']; -var svgPaths20 = ['M16 5H4c-.5 0-1 .5-1 1v8c0 .5.5 1 1 1h12c.5 0 1-.5 1-1V6c0-.5-.5-1-1-1z']; -export var SymbolRectangleIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function SymbolRectangleIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "symbol-rectangle" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/generated/TargetIcon.js b/esm/icons/generated/TargetIcon.js deleted file mode 100644 index c5486cc8..00000000 --- a/esm/icons/generated/TargetIcon.js +++ /dev/null @@ -1,13 +0,0 @@ -import _extends from "@babel/runtime/helpers/esm/extends"; -import React, { memo, forwardRef } from 'react'; -import Icon from '../src/Icon'; -var svgPaths16 = ['M7 4a1 1 0 012 0v2a1 1 0 01-2 0V4zM10 7a1 1 0 000 2h2a1 1 0 000-2h-2zM3 8a1 1 0 011-1h2a1 1 0 010 2H4a1 1 0 01-1-1zM8 9a1 1 0 00-1 1v2a1 1 0 002 0v-2a1 1 0 00-1-1z', 'M8 16A8 8 0 108 0a8 8 0 000 16zm0-2A6 6 0 108 2a6 6 0 000 12z']; -var svgPaths20 = ['M9 5a1 1 0 012 0v3a1 1 0 01-2 0V5zM12 9a1 1 0 000 2h3a1 1 0 000-2h-3zM4 10a1 1 0 011-1h3a1 1 0 010 2H5a1 1 0 01-1-1zM10 11a1 1 0 00-1 1v3a1 1 0 002 0v-3a1 1 0 00-1-1z', 'M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm0-2a8 8 0 100-16 8 8 0 000 16z']; -export var TargetIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function TargetIcon(props, ref) { - return /*#__PURE__*/React.createElement(Icon, _extends({ - svgPaths16: svgPaths16, - svgPaths20: svgPaths20, - ref: ref, - name: "target" - }, props)); -})); \ No newline at end of file diff --git a/esm/icons/src/Icon.js b/esm/icons/src/Icon.js index a4d64fad..05dbfc1a 100644 --- a/esm/icons/src/Icon.js +++ b/esm/icons/src/Icon.js @@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["className", "color", "name", "size", "svgPaths16", "svgPaths20", "title"]; import React, { forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; var pseudoSelectors = {}; var internalStyles = {}; diff --git a/esm/icons/src/IconWrapper.js b/esm/icons/src/IconWrapper.js index 309d79ad..826b4774 100644 --- a/esm/icons/src/IconWrapper.js +++ b/esm/icons/src/IconWrapper.js @@ -8,9 +8,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { forwardRef, memo } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; import ReactIs from 'react-is'; -import Box from 'ui-box'; /** * This is an internal helper component for rendering custom or Evergreen icons * Box props are applied to the outer Box container, and Evergreen icon-specific props are added to the icon element. diff --git a/esm/image/src/Image.js b/esm/image/src/Image.js index 38ad2f8a..9c1f8ad9 100644 --- a/esm/image/src/Image.js +++ b/esm/image/src/Image.js @@ -6,8 +6,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; var Image = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Image(props, ref) { return /*#__PURE__*/React.createElement(Box, _extends({ is: "img" diff --git a/esm/index.js b/esm/index.js index 814cbfb3..83705bd2 100644 --- a/esm/index.js +++ b/esm/index.js @@ -1,6 +1,6 @@ import { autoHydrate } from './ssr'; autoHydrate(); -export { configureSafeHref } from 'ui-box'; +export { configureSafeHref } from '@maestroqa/ui-box'; export { Alert, InlineAlert } from './alert'; export { Autocomplete, AutocompleteItem } from './autocomplete'; export { Avatar } from './avatar'; diff --git a/esm/layers/src/Pane.js b/esm/layers/src/Pane.js index 264719e2..f9c12fee 100644 --- a/esm/layers/src/Pane.js +++ b/esm/layers/src/Pane.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; var pseudoSelectors = { _hover: '&:hover', diff --git a/esm/menu/src/MenuItem.js b/esm/menu/src/MenuItem.js index 15947039..c2f40eef 100644 --- a/esm/menu/src/MenuItem.js +++ b/esm/menu/src/MenuItem.js @@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["is", "children", "className", "appearance", "disabled", "secondaryText", "intent", "icon", "onSelect"]; import React, { memo, forwardRef, useMemo, useCallback } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useClickable, useStyleConfig } from '../../hooks'; import { IconWrapper } from '../../icons/src/IconWrapper'; import { Pane } from '../../layers'; diff --git a/esm/overlay/src/Overlay.js b/esm/overlay/src/Overlay.js index c9367640..0e3cd371 100644 --- a/esm/overlay/src/Overlay.js +++ b/esm/overlay/src/Overlay.js @@ -3,9 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray"; import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; var _excluded = ["children", "containerProps", "preventBodyScrolling", "shouldAutoFocus", "shouldCloseOnClick", "shouldCloseOnEscapePress", "onBeforeClose", "onExit", "onExiting", "onExited", "onEnter", "onEntering", "onEntered", "isShown"]; import React, { memo, useState, useEffect, useRef } from 'react'; +import Box, { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; import { Transition } from 'react-transition-group'; -import Box, { keyframes } from 'ui-box'; import { StackingOrder } from '../../constants'; import preventBodyScroll from '../../lib/prevent-body-scroll'; import safeInvoke from '../../lib/safe-invoke'; diff --git a/esm/pulsar/src/Pulsar.js b/esm/pulsar/src/Pulsar.js index 10c7ff57..038543ff 100644 --- a/esm/pulsar/src/Pulsar.js +++ b/esm/pulsar/src/Pulsar.js @@ -10,8 +10,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { keyframes } from 'ui-box'; import Positions from '../../constants/src/Position'; import { Pane } from '../../layers'; import { majorScale } from '../../scales'; diff --git a/esm/radio/src/Radio.js b/esm/radio/src/Radio.js index 161eaee7..ab7c8e60 100644 --- a/esm/radio/src/Radio.js +++ b/esm/radio/src/Radio.js @@ -9,8 +9,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { spacing, position, layout, dimensions } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { spacing, position, layout, dimensions } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { Text } from '../../typography'; var CircleIcon = /*#__PURE__*/memo(function CircleIcon(_ref) { diff --git a/esm/radio/src/RadioGroup.js b/esm/radio/src/RadioGroup.js index 67bb252c..fa0fb817 100644 --- a/esm/radio/src/RadioGroup.js +++ b/esm/radio/src/RadioGroup.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import { spacing, position, layout, dimensions } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { spacing, position, layout, dimensions } from 'ui-box'; import { useId } from '../../hooks'; import { Pane } from '../../layers'; import { Text } from '../../typography'; diff --git a/esm/search-input/src/SearchInput.js b/esm/search-input/src/SearchInput.js index cd055cc8..f156f7e0 100644 --- a/esm/search-input/src/SearchInput.js +++ b/esm/search-input/src/SearchInput.js @@ -8,7 +8,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; -import Box, { splitBoxProps } from 'ui-box'; +import Box, { splitBoxProps } from '@maestroqa/ui-box'; import { StackingOrder } from '../../constants'; import { SearchIcon } from '../../icons'; import { TextInput } from '../../text-input'; diff --git a/esm/select/src/Select.js b/esm/select/src/Select.js index d8f42380..8ddec560 100644 --- a/esm/select/src/Select.js +++ b/esm/select/src/Select.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { dimensions, spacing, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { dimensions, spacing, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { CaretDownIcon } from '../../icons'; import { getTextPropsForControlHeight } from '../../lib/deprecated-theme-helpers'; diff --git a/esm/select/src/SelectField.js b/esm/select/src/SelectField.js index 9f45ae67..3a984650 100644 --- a/esm/select/src/SelectField.js +++ b/esm/select/src/SelectField.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import { splitBoxProps } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { splitBoxProps } from 'ui-box'; import { FormField } from '../../form-field'; import { useId } from '../../hooks'; import { generateAriaDescribedBy } from '../../lib/generate-aria-describedby'; diff --git a/esm/side-sheet/src/SheetClose.js b/esm/side-sheet/src/SheetClose.js index 767c8ee8..b157b02e 100644 --- a/esm/side-sheet/src/SheetClose.js +++ b/esm/side-sheet/src/SheetClose.js @@ -19,8 +19,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { PureComponent } from 'react'; +import Box, { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { keyframes } from 'ui-box'; import { Position } from '../../constants'; import { CrossIcon } from '../../icons'; var animationEasing = { diff --git a/esm/side-sheet/src/SideSheet.js b/esm/side-sheet/src/SideSheet.js index a059fd96..73fdd67a 100644 --- a/esm/side-sheet/src/SideSheet.js +++ b/esm/side-sheet/src/SideSheet.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo } from 'react'; +import { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { keyframes } from 'ui-box'; import { Position } from '../../constants'; import { Pane } from '../../layers'; import { Overlay } from '../../overlay'; diff --git a/esm/spinner/src/Spinner.js b/esm/spinner/src/Spinner.js index 61ee1fe3..df8d7d8d 100644 --- a/esm/spinner/src/Spinner.js +++ b/esm/spinner/src/Spinner.js @@ -10,8 +10,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { useState, useEffect, forwardRef, memo } from 'react'; +import Box, { keyframes } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { keyframes } from 'ui-box'; import { useStyleConfig } from '../../hooks'; var loadingKeyframes = keyframes('loading', { 0: { diff --git a/esm/ssr/src/autoHydrate.js b/esm/ssr/src/autoHydrate.js index e58026cd..65c0777d 100644 --- a/esm/ssr/src/autoHydrate.js +++ b/esm/ssr/src/autoHydrate.js @@ -1,4 +1,4 @@ -import { hydrate as boxHydrate } from 'ui-box'; +import { hydrate as boxHydrate } from '@maestroqa/ui-box'; import canUseDom from '../../lib/canUseDom'; /** * You shouldn't have to manually run this. diff --git a/esm/ssr/src/extractStyles.js b/esm/ssr/src/extractStyles.js index 427024a9..705a2503 100644 --- a/esm/ssr/src/extractStyles.js +++ b/esm/ssr/src/extractStyles.js @@ -1,5 +1,5 @@ import React from 'react'; -import { extractStyles as boxExtractStyles } from 'ui-box'; +import { extractStyles as boxExtractStyles } from '@maestroqa/ui-box'; export default function extractStyles() { var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; diff --git a/esm/switch/src/Switch.js b/esm/switch/src/Switch.js index 52a5b535..0256494d 100644 --- a/esm/switch/src/Switch.js +++ b/esm/switch/src/Switch.js @@ -9,8 +9,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { spacing, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { spacing, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; var animationEasing = { spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)' diff --git a/esm/table/src/TextTableHeaderCell.js b/esm/table/src/TextTableHeaderCell.js index 8e27402c..1ae80a08 100644 --- a/esm/table/src/TextTableHeaderCell.js +++ b/esm/table/src/TextTableHeaderCell.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import TableHeaderCell from './TableHeaderCell'; var TextTableHeaderCell = /*#__PURE__*/memo(function TextTableHeaderCell(props) { var children = props.children, diff --git a/esm/tabs/src/TabNavigation.js b/esm/tabs/src/TabNavigation.js index e8489f1d..aec55c35 100644 --- a/esm/tabs/src/TabNavigation.js +++ b/esm/tabs/src/TabNavigation.js @@ -1,6 +1,6 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import React, { forwardRef } from 'react'; -import Box from 'ui-box'; +import Box from '@maestroqa/ui-box'; var TabNavigation = /*#__PURE__*/forwardRef(function TabNavigation(props, ref) { return /*#__PURE__*/React.createElement(Box, _extends({ is: "nav", diff --git a/esm/tabs/src/Tablist.js b/esm/tabs/src/Tablist.js index 4ca53874..0ab3e765 100644 --- a/esm/tabs/src/Tablist.js +++ b/esm/tabs/src/Tablist.js @@ -1,6 +1,6 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import React, { forwardRef } from 'react'; -import Box from 'ui-box'; +import Box from '@maestroqa/ui-box'; var Tablist = /*#__PURE__*/forwardRef(function Tablist(props, ref) { return /*#__PURE__*/React.createElement(Box, _extends({ role: "tablist" diff --git a/esm/tag-input/src/TagInput.js b/esm/tag-input/src/TagInput.js index 474e1546..151c9d67 100644 --- a/esm/tag-input/src/TagInput.js +++ b/esm/tag-input/src/TagInput.js @@ -8,9 +8,9 @@ var _excluded = ["addOnBlur", "disabled", "height", "separator", "values", "tagS * @overview TagInput accepts multiple values that can be individually removed */ import React, { memo, forwardRef, useState } from 'react'; +import Box from '@maestroqa/ui-box'; import omit from 'lodash.omit'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { Autocomplete } from '../../autocomplete'; import { Button } from '../../buttons'; import { useId, useStyleConfig } from '../../hooks'; diff --git a/esm/text-input/src/TextInput.js b/esm/text-input/src/TextInput.js index 5446b341..2b825b7c 100644 --- a/esm/text-input/src/TextInput.js +++ b/esm/text-input/src/TextInput.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { forwardRef, memo } from 'react'; +import Box, { spacing, dimensions, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { spacing, dimensions, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { getTextPropsForControlHeight } from '../../lib/deprecated-theme-helpers'; import { useTheme } from '../../theme'; diff --git a/esm/text-input/src/TextInputField.js b/esm/text-input/src/TextInputField.js index 9a1c5739..3ea5f3ec 100644 --- a/esm/text-input/src/TextInputField.js +++ b/esm/text-input/src/TextInputField.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { forwardRef, memo } from 'react'; +import { splitBoxProps } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { splitBoxProps } from 'ui-box'; import { FormField } from '../../form-field'; import { useId } from '../../hooks'; import { generateAriaDescribedBy } from '../../lib/generate-aria-describedby'; diff --git a/esm/textarea/src/Textarea.js b/esm/textarea/src/Textarea.js index c6bced73..18eceac4 100644 --- a/esm/textarea/src/Textarea.js +++ b/esm/textarea/src/Textarea.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box, { spacing, dimensions, position, layout } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box, { spacing, dimensions, position, layout } from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { useTheme } from '../../theme'; var pseudoSelectors = { diff --git a/esm/textarea/src/TextareaField.js b/esm/textarea/src/TextareaField.js index c85e12dd..b8676cbd 100644 --- a/esm/textarea/src/TextareaField.js +++ b/esm/textarea/src/TextareaField.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import { splitBoxProps } from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import { splitBoxProps } from 'ui-box'; import { FormField } from '../../form-field'; import { useId } from '../../hooks'; import { generateAriaDescribedBy } from '../../lib/generate-aria-describedby'; diff --git a/esm/toaster/src/Toast.js b/esm/toaster/src/Toast.js index 193b2acc..88b4f9aa 100644 --- a/esm/toaster/src/Toast.js +++ b/esm/toaster/src/Toast.js @@ -6,9 +6,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, useMemo, useRef, useState, useEffect, useCallback } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; import { Transition } from 'react-transition-group'; -import Box from 'ui-box'; import Alert from '../../alert/src/Alert'; var ANIMATION_DURATION = 240; var defaultStyles = { diff --git a/esm/toaster/src/ToastManager.js b/esm/toaster/src/ToastManager.js index e3833421..9eabf3da 100644 --- a/esm/toaster/src/ToastManager.js +++ b/esm/toaster/src/ToastManager.js @@ -10,8 +10,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, useState } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { StackingOrder } from '../../constants'; import Toast from './Toast'; diff --git a/esm/typography/src/Heading.js b/esm/typography/src/Heading.js index 43814408..23e6b34e 100644 --- a/esm/typography/src/Heading.js +++ b/esm/typography/src/Heading.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { forwardRef, memo } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; var pseudoSelectors = {}; var internalStyles = {}; diff --git a/esm/typography/src/Label.js b/esm/typography/src/Label.js index 30ce6a2d..6ac16ecd 100644 --- a/esm/typography/src/Label.js +++ b/esm/typography/src/Label.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; var pseudoSelectors = {}; var internalStyles = {}; diff --git a/esm/typography/src/OrderedList.js b/esm/typography/src/OrderedList.js index 784a1323..164e309c 100644 --- a/esm/typography/src/OrderedList.js +++ b/esm/typography/src/OrderedList.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; var emptyObject = {}; var internalStyles = { diff --git a/esm/typography/src/Paragraph.js b/esm/typography/src/Paragraph.js index a832c29b..d987dc95 100644 --- a/esm/typography/src/Paragraph.js +++ b/esm/typography/src/Paragraph.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { forwardRef, memo } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { useTheme } from '../../theme'; var emptyObject = {}; diff --git a/esm/typography/src/Small.js b/esm/typography/src/Small.js index 6a018d1f..d187607a 100644 --- a/esm/typography/src/Small.js +++ b/esm/typography/src/Small.js @@ -1,6 +1,6 @@ import _extends from "@babel/runtime/helpers/esm/extends"; import React, { memo, forwardRef } from 'react'; -import Box from 'ui-box'; +import Box from '@maestroqa/ui-box'; var Small = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Small(props, ref) { return /*#__PURE__*/React.createElement(Box, _extends({ ref: ref, diff --git a/esm/typography/src/Text.js b/esm/typography/src/Text.js index 5590c55a..58b0a56f 100644 --- a/esm/typography/src/Text.js +++ b/esm/typography/src/Text.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { forwardRef, memo } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; import { useTheme } from '../../theme'; var emptyObject = {}; diff --git a/esm/typography/src/UnorderedList.js b/esm/typography/src/UnorderedList.js index 0eae1395..cdb8a690 100644 --- a/esm/typography/src/UnorderedList.js +++ b/esm/typography/src/UnorderedList.js @@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } import React, { memo, forwardRef } from 'react'; +import Box from '@maestroqa/ui-box'; import PropTypes from 'prop-types'; -import Box from 'ui-box'; import { useStyleConfig } from '../../hooks'; import removeUndefined from '../../lib/remove-undefined'; var emptyObject = {}; diff --git a/index.d.ts b/index.d.ts index eebefe24..c86775e8 100644 --- a/index.d.ts +++ b/index.d.ts @@ -1,9 +1,9 @@ // @ts-nocheck Disabling TS checking on this file while definitions are being ported over to src files import * as React from 'react' +import { extractStyles as boxExtractStyles, BoxProps, BoxComponent, PolymorphicBoxProps } from '@maestroqa/ui-box' import { DownshiftProps } from 'downshift' import { TransitionProps, TransitionStatus } from 'react-transition-group/Transition' -import { extractStyles as boxExtractStyles, BoxProps, BoxComponent, PolymorphicBoxProps } from 'ui-box' /** * Generated types that are used for composition in manually written types need to be imported to be resolved */ @@ -17,8 +17,8 @@ export type { EnhancerProps, BoxCssProps, CssProps -} from 'ui-box' -export { configureSafeHref } from 'ui-box' +} from '@maestroqa/ui-box' +export { configureSafeHref } from '@maestroqa/ui-box' /** * Re-export generated types through this manually written typedef file until we can point to the generated index.d.ts file diff --git a/lib/testing/ui-box-snapshot-serializer.js b/lib/testing/ui-box-snapshot-serializer.js index cd869f61..eb677643 100644 --- a/lib/testing/ui-box-snapshot-serializer.js +++ b/lib/testing/ui-box-snapshot-serializer.js @@ -1,5 +1,5 @@ +import { extractStyles, clearStyles } from '@maestroqa/ui-box' import prettyFormat from 'pretty-format' -import { extractStyles, clearStyles } from 'ui-box' const { ReactTestComponent } = prettyFormat.plugins diff --git a/package.json b/package.json index fc93213f..3a793010 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "evergreen-ui", - "version": "7.4.2", + "version": "7.4.3", "description": "🌲 React UI Kit by Segment 🌲", "contributors": [ "Jeroen Ransijn (https://jssr.design/)", @@ -67,6 +67,7 @@ }, "dependencies": { "@babel/runtime": "^7.1.2", + "@maestroqa/ui-box": "^5.7.0", "@segment/react-tiny-virtual-list": "^2.2.1", "@types/react-transition-group": "^4.4.0", "arrify": "^1.0.1", @@ -81,8 +82,7 @@ "lodash.uniqby": "^4.7.0", "prop-types": "^15.6.2", "react-fast-compare": "^3.2.0", - "react-transition-group": "^4.4.1", - "ui-box": "github:adtribute/mqa-ui-box#v5.6.0" + "react-transition-group": "^4.4.1" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0", diff --git a/src/alert/src/Alert.js b/src/alert/src/Alert.js index ff6a751b..5f12377b 100644 --- a/src/alert/src/Alert.js +++ b/src/alert/src/Alert.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import { spacing, dimensions, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { spacing, dimensions, position, layout } from 'ui-box' import { IconButton } from '../../buttons' import { useStyleConfig } from '../../hooks' import { CrossIcon } from '../../icons' diff --git a/src/alert/src/InlineAlert.js b/src/alert/src/InlineAlert.js index 5f2f258d..92b07f6c 100644 --- a/src/alert/src/InlineAlert.js +++ b/src/alert/src/InlineAlert.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import { spacing, dimensions, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { spacing, dimensions, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { Pane } from '../../layers' import { Text } from '../../typography' diff --git a/src/alert/stories/index.stories.js b/src/alert/stories/index.stories.js index f94744e5..a9e9c72b 100644 --- a/src/alert/stories/index.stories.js +++ b/src/alert/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { InlineAlert, Alert, Button, majorScale, Paragraph } from '../..' import { Heading } from '../../typography' diff --git a/src/autocomplete/stories/index.stories.js b/src/autocomplete/stories/index.stories.js index 3668e5e5..2b637b9e 100644 --- a/src/autocomplete/stories/index.stories.js +++ b/src/autocomplete/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import starWarsNames from 'starwars-names' -import Box from 'ui-box' import { Autocomplete } from '..' import { Button } from '../../buttons' import { TextInput } from '../../text-input' diff --git a/src/avatar/src/Avatar.js b/src/avatar/src/Avatar.js index 3c1e39c0..7ef34c4e 100644 --- a/src/avatar/src/Avatar.js +++ b/src/avatar/src/Avatar.js @@ -1,6 +1,6 @@ import React, { useState, memo, forwardRef, useCallback } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' import { Image } from '../../image' import { Text } from '../../typography' diff --git a/src/avatar/stories/index.stories.js b/src/avatar/stories/index.stories.js index d83ede5c..14b37c1d 100644 --- a/src/avatar/stories/index.stories.js +++ b/src/avatar/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Avatar } from '..' import { Heading, Paragraph } from '../../typography' diff --git a/src/badges/stories/index.stories.js b/src/badges/stories/index.stories.js index 0b52236c..59769a76 100644 --- a/src/badges/stories/index.stories.js +++ b/src/badges/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' import { faker } from '@faker-js/faker' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Badge, Pill } from '..' import { ThemeConsumer } from '../../theme' diff --git a/src/buttons/src/Button.js b/src/buttons/src/Button.js index 6bc2b614..b0492709 100644 --- a/src/buttons/src/Button.js +++ b/src/buttons/src/Button.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { spacing, dimensions, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { spacing, dimensions, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { IconWrapper } from '../../icons/src/IconWrapper' import { getTextPropsForControlHeight } from '../../lib/deprecated-theme-helpers' diff --git a/src/buttons/src/IconButton.js b/src/buttons/src/IconButton.js index 232f1838..47ffd68b 100644 --- a/src/buttons/src/IconButton.js +++ b/src/buttons/src/IconButton.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import { dimensions, spacing, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { dimensions, spacing, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { IconWrapper } from '../../icons/src/IconWrapper' import Button, { getIconSizeForButton, internalStyles, pseudoSelectors } from './Button' diff --git a/src/buttons/src/TextDropdownButton.js b/src/buttons/src/TextDropdownButton.js index eb11156b..d72d8cb1 100644 --- a/src/buttons/src/TextDropdownButton.js +++ b/src/buttons/src/TextDropdownButton.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { dimensions, spacing, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { dimensions, spacing, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { CaretDownIcon } from '../../icons' import { IconWrapper } from '../../icons/src/IconWrapper' diff --git a/src/buttons/stories/index.stories.js b/src/buttons/stories/index.stories.js index 48782c06..1dd59cd7 100644 --- a/src/buttons/stories/index.stories.js +++ b/src/buttons/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { IconButton, Button, TextDropdownButton } from '..' import { Group } from '../../group' import * as Icons from '../../icons' diff --git a/src/checkbox/src/Checkbox.js b/src/checkbox/src/Checkbox.js index 50e44438..fcd088db 100644 --- a/src/checkbox/src/Checkbox.js +++ b/src/checkbox/src/Checkbox.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef, useEffect, useState } from 'react' +import Box, { spacing, position, layout, dimensions } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { spacing, position, layout, dimensions } from 'ui-box' import { useMergedRef, useStyleConfig } from '../../hooks' import { Text } from '../../typography' diff --git a/src/checkbox/stories/index.stories.js b/src/checkbox/stories/index.stories.js index 65b3aaa5..db9e9885 100644 --- a/src/checkbox/stories/index.stories.js +++ b/src/checkbox/stories/index.stories.js @@ -1,6 +1,6 @@ import React, { useEffect, useRef } from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Checkbox } from '..' const refCallback = el => { diff --git a/src/combobox/src/Combobox.js b/src/combobox/src/Combobox.js index 794fe0a6..cc63c777 100644 --- a/src/combobox/src/Combobox.js +++ b/src/combobox/src/Combobox.js @@ -1,6 +1,6 @@ import React, { memo, useState, useCallback } from 'react' +import { dimensions, spacing, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { dimensions, spacing, position, layout } from 'ui-box' import { Autocomplete } from '../../autocomplete' import { IconButton } from '../../buttons' import { Group } from '../../group' diff --git a/src/combobox/stories/index.stories.js b/src/combobox/stories/index.stories.js index fef03dee..3d90e0ba 100644 --- a/src/combobox/stories/index.stories.js +++ b/src/combobox/stories/index.stories.js @@ -1,7 +1,7 @@ import React, { useState } from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import starWarsNames from 'starwars-names' -import Box from 'ui-box' import { Combobox } from '..' import { Pane } from '../../layers' import { Heading } from '../../typography' diff --git a/src/corner-dialog/src/CornerDialog.js b/src/corner-dialog/src/CornerDialog.js index 5b560730..87056b5d 100644 --- a/src/corner-dialog/src/CornerDialog.js +++ b/src/corner-dialog/src/CornerDialog.js @@ -1,7 +1,7 @@ import React, { memo, useRef, useState, useEffect, useCallback } from 'react' +import { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' import { Transition } from 'react-transition-group' -import { keyframes } from 'ui-box' import { Button, IconButton } from '../../buttons' import absolutePositions from '../../constants/src/AbsolutePosition' import positions from '../../constants/src/Position' diff --git a/src/corner-dialog/stories/index.stories.js b/src/corner-dialog/stories/index.stories.js index 29faf08a..4db3b289 100644 --- a/src/corner-dialog/stories/index.stories.js +++ b/src/corner-dialog/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { CornerDialog } from '..' import { Button } from '../../buttons' import positions from '../../constants/src/Position' diff --git a/src/dialog/src/Dialog.js b/src/dialog/src/Dialog.js index 2d7a63eb..10be0f02 100644 --- a/src/dialog/src/Dialog.js +++ b/src/dialog/src/Dialog.js @@ -1,6 +1,6 @@ import React, { memo } from 'react' +import { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { keyframes } from 'ui-box' import { Button, IconButton } from '../../buttons' import { useStyleConfig } from '../../hooks' import { CrossIcon } from '../../icons' diff --git a/src/dialog/stories/index.stories.js b/src/dialog/stories/index.stories.js index eae01423..37442680 100644 --- a/src/dialog/stories/index.stories.js +++ b/src/dialog/stories/index.stories.js @@ -1,8 +1,8 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' import starWarsNames from 'starwars-names' -import Box from 'ui-box' import { Dialog } from '..' import { Button } from '../../buttons' import { Combobox } from '../../combobox' diff --git a/src/file-picker/src/FilePicker.js b/src/file-picker/src/FilePicker.js index 2430a318..b49fa47a 100644 --- a/src/file-picker/src/FilePicker.js +++ b/src/file-picker/src/FilePicker.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef, useState, useRef, useCallback } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Button } from '../../buttons' import safeInvoke from '../../lib/safe-invoke' import { TextInput } from '../../text-input' diff --git a/src/file-picker/stories/index.stories.js b/src/file-picker/stories/index.stories.js index 16514a41..b4dbd329 100644 --- a/src/file-picker/stories/index.stories.js +++ b/src/file-picker/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { FilePicker } from '..' storiesOf('file-picker', module).add('FilePicker', () => ( diff --git a/src/file-uploader/src/FileCard.js b/src/file-uploader/src/FileCard.js index 68d59e5a..1983c64e 100644 --- a/src/file-uploader/src/FileCard.js +++ b/src/file-uploader/src/FileCard.js @@ -1,7 +1,7 @@ import React, { memo, forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import humanize from 'humanize-plus' import PropTypes from 'prop-types' -import Box from 'ui-box' import { IconButton } from '../../buttons' import { useStyleConfig } from '../../hooks' import { InfoSignIcon, TrashIcon } from '../../icons' diff --git a/src/file-uploader/src/FileUploader.js b/src/file-uploader/src/FileUploader.js index baca4324..6cd3ac6a 100644 --- a/src/file-uploader/src/FileUploader.js +++ b/src/file-uploader/src/FileUploader.js @@ -1,7 +1,7 @@ import React, { memo, forwardRef, useState, useRef, useCallback } from 'react' +import Box from '@maestroqa/ui-box' import isEmpty from 'lodash.isempty' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Key } from '../../constants' import { FormField } from '../../form-field' import { useStyleConfig } from '../../hooks' diff --git a/src/file-uploader/stories/index.stories.js b/src/file-uploader/stories/index.stories.js index a8f27694..454c7479 100644 --- a/src/file-uploader/stories/index.stories.js +++ b/src/file-uploader/stories/index.stories.js @@ -1,6 +1,6 @@ import React, { useCallback, useState } from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Button } from '../../buttons' import { MimeType } from '../../constants' import { FileUploader, FileCard } from '../../file-uploader' diff --git a/src/form-field/src/FormField.js b/src/form-field/src/FormField.js index 4638572a..38c1f1b9 100644 --- a/src/form-field/src/FormField.js +++ b/src/form-field/src/FormField.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { dimensions, spacing, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { dimensions, spacing, position, layout } from 'ui-box' import FormFieldDescription from './FormFieldDescription' import FormFieldHint from './FormFieldHint' import FormFieldLabel from './FormFieldLabel' diff --git a/src/form-field/stories/index.stories.js b/src/form-field/stories/index.stories.js index 0379ff09..b2f2d235 100644 --- a/src/form-field/stories/index.stories.js +++ b/src/form-field/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { FormField, FormFieldDescription, FormFieldLabel, FormFieldValidationMessage } from '..' storiesOf('form-field', module) diff --git a/src/group/src/Group.js b/src/group/src/Group.js index d25417e7..383073cf 100644 --- a/src/group/src/Group.js +++ b/src/group/src/Group.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' const pseudoSelectors = { diff --git a/src/hooks/use-style-config.js b/src/hooks/use-style-config.js index 479515b9..ecde9784 100644 --- a/src/hooks/use-style-config.js +++ b/src/hooks/use-style-config.js @@ -1,7 +1,7 @@ import { useMemo, useRef } from 'react' +import { splitBoxProps } from '@maestroqa/ui-box' import merge from 'lodash.merge' import isEqual from 'react-fast-compare' -import { splitBoxProps } from 'ui-box' import { useTheme, get, resolveThemeTokens } from '../theme' /** @@ -23,7 +23,7 @@ import { useTheme, get, resolveThemeTokens } from '../theme' * @property {string} [size] */ -/** @typedef {import('ui-box').EnhancerProps & StateStyles} Style */ +/** @typedef {import('@maestroqa/ui-box').EnhancerProps & StateStyles} Style */ /** * @typedef {object} StyleConfig @@ -55,7 +55,7 @@ function maybeRunDeep(raw, ...args) { * @param {object} theme * @param {StyleModifiers} props * @param {StyleConfig} styleConfig - * @param {import('ui-box').BoxCssProps} [internalStyles] + * @param {import('@maestroqa/ui-box').BoxCssProps} [internalStyles] * @returns {StyleConfig} */ function combineStyles(theme, props, styleConfig, internalStyles = {}) { @@ -97,7 +97,7 @@ function useBoxProps(styleProps, placeholderSelectors) { remainingProps } = splitBoxProps(styleProps) - /** @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 @@ -124,8 +124,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} [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} [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} */ export function useStyleConfig(componentKey, props, placeholderSelectors, internalStyles) { const theme = useTheme() diff --git a/src/icons/src/Icon.js b/src/icons/src/Icon.js index ffec7c1c..dad09b8f 100644 --- a/src/icons/src/Icon.js +++ b/src/icons/src/Icon.js @@ -1,6 +1,6 @@ import React, { forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' const pseudoSelectors = {} diff --git a/src/icons/src/IconWrapper.js b/src/icons/src/IconWrapper.js index 552617a7..c9267704 100644 --- a/src/icons/src/IconWrapper.js +++ b/src/icons/src/IconWrapper.js @@ -1,7 +1,7 @@ import React, { forwardRef, memo } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' import ReactIs from 'react-is' -import Box from 'ui-box' /** * This is an internal helper component for rendering custom or Evergreen icons diff --git a/src/icons/stories/index.stories.js b/src/icons/stories/index.stories.js index ae5b7e08..6dfe79ca 100644 --- a/src/icons/stories/index.stories.js +++ b/src/icons/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import * as Icons from '..' import { Heading, Paragraph, Link, Text } from '../../typography' diff --git a/src/image/src/Image.js b/src/image/src/Image.js index 3c744e80..22ff4a08 100644 --- a/src/image/src/Image.js +++ b/src/image/src/Image.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' const Image = memo( forwardRef(function Image(props, ref) { diff --git a/src/image/stories/index.stories.js b/src/image/stories/index.stories.js index 8db5a9d6..c7caf124 100644 --- a/src/image/stories/index.stories.js +++ b/src/image/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Image } from '..' storiesOf('image', module).add('Image', () => ( diff --git a/src/index.ts b/src/index.ts index 6b2fa6e2..65915d5f 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,7 +1,7 @@ import { autoHydrate } from './ssr' autoHydrate() -export { configureSafeHref } from 'ui-box' +export { configureSafeHref } from '@maestroqa/ui-box' export { Alert, InlineAlert } from './alert' export { Autocomplete, AutocompleteItem } from './autocomplete' export { Avatar } from './avatar' diff --git a/src/layers/src/Pane.tsx b/src/layers/src/Pane.tsx index 19764016..1e63d46f 100644 --- a/src/layers/src/Pane.tsx +++ b/src/layers/src/Pane.tsx @@ -1,6 +1,6 @@ import React, { memo, forwardRef, ForwardedRef } from 'react' +import Box, { PolymorphicBoxProps } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { PolymorphicBoxProps } from 'ui-box' import { useStyleConfig } from '../../hooks' export interface PaneOwnProps { diff --git a/src/menu/src/MenuItem.js b/src/menu/src/MenuItem.js index 7f00bcb5..a749bc3b 100644 --- a/src/menu/src/MenuItem.js +++ b/src/menu/src/MenuItem.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef, useMemo, useCallback } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useClickable, useStyleConfig } from '../../hooks' import { IconWrapper } from '../../icons/src/IconWrapper' import { Pane } from '../../layers' diff --git a/src/menu/stories/index.stories.js b/src/menu/stories/index.stories.js index 7ec05049..78620f76 100644 --- a/src/menu/stories/index.stories.js +++ b/src/menu/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Button } from '../../buttons' import { Position } from '../../constants' import { PeopleIcon, CircleArrowRightIcon, EditIcon, TrashIcon } from '../../icons' diff --git a/src/overlay/src/Overlay.js b/src/overlay/src/Overlay.js index 83f8a2ed..5f1474f1 100644 --- a/src/overlay/src/Overlay.js +++ b/src/overlay/src/Overlay.js @@ -1,7 +1,7 @@ import React, { memo, useState, useEffect, useRef } from 'react' +import Box, { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' import { Transition } from 'react-transition-group' -import Box, { keyframes } from 'ui-box' import { StackingOrder } from '../../constants' import preventBodyScroll from '../../lib/prevent-body-scroll' import safeInvoke from '../../lib/safe-invoke' diff --git a/src/overlay/stories/index.stories.js b/src/overlay/stories/index.stories.js index d3ce298d..ba4ceae9 100644 --- a/src/overlay/stories/index.stories.js +++ b/src/overlay/stories/index.stories.js @@ -1,7 +1,7 @@ import React, { useState, useEffect, useCallback, useRef, PureComponent } from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Overlay } from '..' import { Button } from '../../buttons' import { Card } from '../../layers' diff --git a/src/popover/stories/index.stories.js b/src/popover/stories/index.stories.js index 525beeed..72b67c7d 100644 --- a/src/popover/stories/index.stories.js +++ b/src/popover/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Popover } from '..' import { Button } from '../../buttons' import { Position } from '../../constants' diff --git a/src/positioner/stories/index.stories.js b/src/positioner/stories/index.stories.js index 5c27c367..6e4cedc8 100644 --- a/src/positioner/stories/index.stories.js +++ b/src/positioner/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' storiesOf('positioner', module).add('Positioner', () => ( diff --git a/src/pulsar/src/Pulsar.js b/src/pulsar/src/Pulsar.js index a104eeaf..dc37727e 100644 --- a/src/pulsar/src/Pulsar.js +++ b/src/pulsar/src/Pulsar.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { keyframes } from 'ui-box' import Positions from '../../constants/src/Position' import { Pane } from '../../layers' import { majorScale } from '../../scales' diff --git a/src/pulsar/stories/index.stories.js b/src/pulsar/stories/index.stories.js index a1b097c0..97d7ca80 100644 --- a/src/pulsar/stories/index.stories.js +++ b/src/pulsar/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import Position from '../../constants/src/Position' import Tooltip from '../../tooltip/src/Tooltip' import { Pulsar } from '../src/Pulsar' diff --git a/src/radio/src/Radio.js b/src/radio/src/Radio.js index 1dcddd1b..d0b174f3 100644 --- a/src/radio/src/Radio.js +++ b/src/radio/src/Radio.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { spacing, position, layout, dimensions } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { spacing, position, layout, dimensions } from 'ui-box' import { useStyleConfig } from '../../hooks' import { Text } from '../../typography' diff --git a/src/radio/src/RadioGroup.js b/src/radio/src/RadioGroup.js index 87046990..f148299f 100644 --- a/src/radio/src/RadioGroup.js +++ b/src/radio/src/RadioGroup.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import { spacing, position, layout, dimensions } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { spacing, position, layout, dimensions } from 'ui-box' import { useId } from '../../hooks' import { Pane } from '../../layers' import { Text } from '../../typography' diff --git a/src/radio/stories/index.stories.js b/src/radio/stories/index.stories.js index 505816d9..02151184 100644 --- a/src/radio/stories/index.stories.js +++ b/src/radio/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Radio, RadioGroup } from '..' import { Heading } from '../../typography' diff --git a/src/search-input/src/SearchInput.js b/src/search-input/src/SearchInput.js index 127f0930..f6f1754d 100644 --- a/src/search-input/src/SearchInput.js +++ b/src/search-input/src/SearchInput.js @@ -1,5 +1,5 @@ import React, { memo, forwardRef } from 'react' -import Box, { splitBoxProps } from 'ui-box' +import Box, { splitBoxProps } from '@maestroqa/ui-box' import { StackingOrder } from '../../constants' import { SearchIcon } from '../../icons' import { TextInput } from '../../text-input' diff --git a/src/search-input/stories/index.stories.js b/src/search-input/stories/index.stories.js index 29012373..036cdda7 100644 --- a/src/search-input/stories/index.stories.js +++ b/src/search-input/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { SearchInput } from '..' import { Heading } from '../../typography' diff --git a/src/select-menu/stories/index.stories.js b/src/select-menu/stories/index.stories.js index 489ce29d..8fe91d74 100644 --- a/src/select-menu/stories/index.stories.js +++ b/src/select-menu/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { SelectMenu, Option } from '..' import { Button } from '../../buttons' import { PeopleIcon } from '../../icons' diff --git a/src/select/src/Select.js b/src/select/src/Select.js index bed5b97e..ef098498 100644 --- a/src/select/src/Select.js +++ b/src/select/src/Select.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { dimensions, spacing, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { dimensions, spacing, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { CaretDownIcon } from '../../icons' import { getTextPropsForControlHeight } from '../../lib/deprecated-theme-helpers' diff --git a/src/select/src/SelectField.js b/src/select/src/SelectField.js index 486780e8..98769a50 100644 --- a/src/select/src/SelectField.js +++ b/src/select/src/SelectField.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import { splitBoxProps } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { splitBoxProps } from 'ui-box' import { FormField } from '../../form-field' import { useId } from '../../hooks' import { generateAriaDescribedBy } from '../../lib/generate-aria-describedby' diff --git a/src/select/stories/index.stories.js b/src/select/stories/index.stories.js index b8057006..100c5fd9 100644 --- a/src/select/stories/index.stories.js +++ b/src/select/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Select } from '..' import { Text, Label } from '../../typography' diff --git a/src/side-sheet/src/SheetClose.js b/src/side-sheet/src/SheetClose.js index d7bd0085..bee6efee 100644 --- a/src/side-sheet/src/SheetClose.js +++ b/src/side-sheet/src/SheetClose.js @@ -1,6 +1,6 @@ import React, { PureComponent } from 'react' +import Box, { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { keyframes } from 'ui-box' import { Position } from '../../constants' import { CrossIcon } from '../../icons' diff --git a/src/side-sheet/src/SideSheet.js b/src/side-sheet/src/SideSheet.js index c1608e95..783a0d07 100644 --- a/src/side-sheet/src/SideSheet.js +++ b/src/side-sheet/src/SideSheet.js @@ -1,6 +1,6 @@ import React, { memo } from 'react' +import { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { keyframes } from 'ui-box' import { Position } from '../../constants' import { Pane } from '../../layers' import { Overlay } from '../../overlay' diff --git a/src/side-sheet/stories/index.stories.js b/src/side-sheet/stories/index.stories.js index 1ec9148a..78853650 100644 --- a/src/side-sheet/stories/index.stories.js +++ b/src/side-sheet/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { SideSheet } from '..' import { Button } from '../../buttons' import { Dialog } from '../../dialog' diff --git a/src/spinner/src/Spinner.js b/src/spinner/src/Spinner.js index e122e2e9..8df49976 100644 --- a/src/spinner/src/Spinner.js +++ b/src/spinner/src/Spinner.js @@ -1,6 +1,6 @@ import React, { useState, useEffect, forwardRef, memo } from 'react' +import Box, { keyframes } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { keyframes } from 'ui-box' import { useStyleConfig } from '../../hooks' const loadingKeyframes = keyframes('loading', { diff --git a/src/spinner/stories/index.stories.js b/src/spinner/stories/index.stories.js index d556d2a4..2444185d 100644 --- a/src/spinner/stories/index.stories.js +++ b/src/spinner/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Spinner } from '..' storiesOf('spinner', module) diff --git a/src/ssr/__tests__/autoHydrate.test.js b/src/ssr/__tests__/autoHydrate.test.js index e92b0912..fc075fd8 100644 --- a/src/ssr/__tests__/autoHydrate.test.js +++ b/src/ssr/__tests__/autoHydrate.test.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { render } from '@testing-library/react' -import Box from 'ui-box' import { hydrate } from '../src/autoHydrate' import extractStyles from '../src/extractStyles' diff --git a/src/ssr/__tests__/extractStyles.test.js b/src/ssr/__tests__/extractStyles.test.js index 2db5fb46..26dcefe3 100644 --- a/src/ssr/__tests__/extractStyles.test.js +++ b/src/ssr/__tests__/extractStyles.test.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { render } from '@testing-library/react' -import Box from 'ui-box' import Button from '../../buttons/src/Button' import extractStyles from '../src/extractStyles' diff --git a/src/ssr/src/autoHydrate.js b/src/ssr/src/autoHydrate.js index 8feeaf29..9f54f738 100644 --- a/src/ssr/src/autoHydrate.js +++ b/src/ssr/src/autoHydrate.js @@ -1,4 +1,4 @@ -import { hydrate as boxHydrate } from 'ui-box' +import { hydrate as boxHydrate } from '@maestroqa/ui-box' import canUseDom from '../../lib/canUseDom' /** diff --git a/src/ssr/src/extractStyles.js b/src/ssr/src/extractStyles.js index 1119eae8..cac3c196 100644 --- a/src/ssr/src/extractStyles.js +++ b/src/ssr/src/extractStyles.js @@ -1,5 +1,5 @@ import React from 'react' -import { extractStyles as boxExtractStyles } from 'ui-box' +import { extractStyles as boxExtractStyles } from '@maestroqa/ui-box' export default function extractStyles(options = {}) { const { cache, styles } = boxExtractStyles() diff --git a/src/status-indicator/stories/index.stories.js b/src/status-indicator/stories/index.stories.js index 809ff17f..8317f7ac 100644 --- a/src/status-indicator/stories/index.stories.js +++ b/src/status-indicator/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { StatusIndicator } from '..' import { Heading } from '../../typography' diff --git a/src/switch/src/Switch.js b/src/switch/src/Switch.js index f7067298..8a0ac9ce 100644 --- a/src/switch/src/Switch.js +++ b/src/switch/src/Switch.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { spacing, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { spacing, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' const animationEasing = { diff --git a/src/switch/stories/index.stories.js b/src/switch/stories/index.stories.js index 36f75159..2e482a2f 100644 --- a/src/switch/stories/index.stories.js +++ b/src/switch/stories/index.stories.js @@ -1,6 +1,6 @@ import React, { useState } from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Switch } from '..' import { Heading } from '../../typography' diff --git a/src/table/src/TextTableHeaderCell.js b/src/table/src/TextTableHeaderCell.js index e8696614..c498ec86 100644 --- a/src/table/src/TextTableHeaderCell.js +++ b/src/table/src/TextTableHeaderCell.js @@ -1,6 +1,6 @@ import React, { memo } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import TableHeaderCell from './TableHeaderCell' const TextTableHeaderCell = memo(function TextTableHeaderCell(props) { diff --git a/src/table/stories/index.stories.js b/src/table/stories/index.stories.js index 2f482b10..e2280ce8 100644 --- a/src/table/stories/index.stories.js +++ b/src/table/stories/index.stories.js @@ -1,8 +1,8 @@ import React from 'react' import { faker } from '@faker-js/faker' +import Box from '@maestroqa/ui-box' import Component from '@reactions/component' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Table } from '..' import { Pane } from '../../layers' import { Portal } from '../../portal' diff --git a/src/tabs/src/TabNavigation.js b/src/tabs/src/TabNavigation.js index 461de677..35526d6a 100644 --- a/src/tabs/src/TabNavigation.js +++ b/src/tabs/src/TabNavigation.js @@ -1,5 +1,5 @@ import React, { forwardRef } from 'react' -import Box from 'ui-box' +import Box from '@maestroqa/ui-box' const TabNavigation = forwardRef(function TabNavigation(props, ref) { return diff --git a/src/tabs/src/Tablist.js b/src/tabs/src/Tablist.js index 483351b4..228ed178 100644 --- a/src/tabs/src/Tablist.js +++ b/src/tabs/src/Tablist.js @@ -1,5 +1,5 @@ import React, { forwardRef } from 'react' -import Box from 'ui-box' +import Box from '@maestroqa/ui-box' const Tablist = forwardRef(function Tablist(props, ref) { return diff --git a/src/tabs/stories/index.stories.js b/src/tabs/stories/index.stories.js index f4ab302f..8e890cd1 100644 --- a/src/tabs/stories/index.stories.js +++ b/src/tabs/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Tab, Tablist, TabNavigation } from '..' import { majorScale } from '../../scales' import { Heading, Paragraph } from '../../typography' diff --git a/src/tag-input/src/TagInput.js b/src/tag-input/src/TagInput.js index e65633b6..9fd3bc81 100644 --- a/src/tag-input/src/TagInput.js +++ b/src/tag-input/src/TagInput.js @@ -3,9 +3,9 @@ */ import React, { memo, forwardRef, useState } from 'react' +import Box from '@maestroqa/ui-box' import omit from 'lodash.omit' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Autocomplete } from '../../autocomplete' import { Button } from '../../buttons' import { useId, useStyleConfig } from '../../hooks' diff --git a/src/tag-input/stories/TagInput.stories.js b/src/tag-input/stories/TagInput.stories.js index 2e193098..6f9f25f0 100644 --- a/src/tag-input/stories/TagInput.stories.js +++ b/src/tag-input/stories/TagInput.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import PropTypes from 'prop-types' -import Box from 'ui-box' import { TagInput } from '..' import { Heading } from '../../typography' diff --git a/src/text-input/src/TextInput.js b/src/text-input/src/TextInput.js index 07e923f4..0ea772ff 100644 --- a/src/text-input/src/TextInput.js +++ b/src/text-input/src/TextInput.js @@ -1,6 +1,6 @@ import React, { forwardRef, memo } from 'react' +import Box, { spacing, dimensions, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { spacing, dimensions, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { getTextPropsForControlHeight } from '../../lib/deprecated-theme-helpers' import { useTheme } from '../../theme' diff --git a/src/text-input/src/TextInputField.js b/src/text-input/src/TextInputField.js index 09f7b5ee..d109afc9 100644 --- a/src/text-input/src/TextInputField.js +++ b/src/text-input/src/TextInputField.js @@ -1,6 +1,6 @@ import React, { forwardRef, memo } from 'react' +import { splitBoxProps } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { splitBoxProps } from 'ui-box' import { FormField } from '../../form-field' import { useId } from '../../hooks' import { generateAriaDescribedBy } from '../../lib/generate-aria-describedby' diff --git a/src/text-input/stories/index.stories.js b/src/text-input/stories/index.stories.js index 88ee63e5..ef6aceb0 100644 --- a/src/text-input/stories/index.stories.js +++ b/src/text-input/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import PropTypes from 'prop-types' -import Box from 'ui-box' import { TextInputField, TextInput } from '..' import { Button } from '../../buttons' import { ErrorIcon } from '../../icons' diff --git a/src/textarea/src/Textarea.js b/src/textarea/src/Textarea.js index d1a19242..1e7cd0b8 100644 --- a/src/textarea/src/Textarea.js +++ b/src/textarea/src/Textarea.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box, { spacing, dimensions, position, layout } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box, { spacing, dimensions, position, layout } from 'ui-box' import { useStyleConfig } from '../../hooks' import { useTheme } from '../../theme' diff --git a/src/textarea/src/TextareaField.js b/src/textarea/src/TextareaField.js index f06fb500..00747e4c 100644 --- a/src/textarea/src/TextareaField.js +++ b/src/textarea/src/TextareaField.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import { splitBoxProps } from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import { splitBoxProps } from 'ui-box' import { FormField } from '../../form-field' import { useId } from '../../hooks' import { generateAriaDescribedBy } from '../../lib/generate-aria-describedby' diff --git a/src/textarea/stories/index.stories.js b/src/textarea/stories/index.stories.js index 138a19cc..e4ec5f8e 100644 --- a/src/textarea/stories/index.stories.js +++ b/src/textarea/stories/index.stories.js @@ -1,7 +1,7 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' import PropTypes from 'prop-types' -import Box from 'ui-box' import { Textarea, TextareaField } from '..' import { Label, Heading } from '../../typography' diff --git a/src/theme/stories/index.stories.js b/src/theme/stories/index.stories.js index 3f44b550..975529fb 100644 --- a/src/theme/stories/index.stories.js +++ b/src/theme/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { ThemeProvider } from '..' import { Button } from '../../buttons' import { TextInput } from '../../text-input' diff --git a/src/toaster/src/Toast.js b/src/toaster/src/Toast.js index 9efd9093..79263dd1 100644 --- a/src/toaster/src/Toast.js +++ b/src/toaster/src/Toast.js @@ -1,7 +1,7 @@ import React, { memo, useMemo, useRef, useState, useEffect, useCallback } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' import { Transition } from 'react-transition-group' -import Box from 'ui-box' import Alert from '../../alert/src/Alert' const ANIMATION_DURATION = 240 diff --git a/src/toaster/src/ToastManager.js b/src/toaster/src/ToastManager.js index a9f12838..771a6ae5 100644 --- a/src/toaster/src/ToastManager.js +++ b/src/toaster/src/ToastManager.js @@ -1,6 +1,6 @@ import React, { memo, useState } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { StackingOrder } from '../../constants' import Toast from './Toast' diff --git a/src/toaster/stories/index.stories.js b/src/toaster/stories/index.stories.js index d2281ac8..869a7bd6 100644 --- a/src/toaster/stories/index.stories.js +++ b/src/toaster/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Button } from '../../buttons' import { Heading, Paragraph, Ul, Li } from '../../typography' import toaster from '../src' diff --git a/src/tooltip/stories/index.stories.js b/src/tooltip/stories/index.stories.js index 1c38f9dd..186f8ad9 100644 --- a/src/tooltip/stories/index.stories.js +++ b/src/tooltip/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Tooltip } from '..' import { Button } from '../../buttons' import { Position } from '../../constants' diff --git a/src/typography/src/Heading.js b/src/typography/src/Heading.js index 0c03475e..c6c0bd39 100644 --- a/src/typography/src/Heading.js +++ b/src/typography/src/Heading.js @@ -1,6 +1,6 @@ import React, { forwardRef, memo } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' const pseudoSelectors = {} diff --git a/src/typography/src/Label.js b/src/typography/src/Label.js index dd3f5afb..409913d1 100644 --- a/src/typography/src/Label.js +++ b/src/typography/src/Label.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' const pseudoSelectors = {} diff --git a/src/typography/src/OrderedList.js b/src/typography/src/OrderedList.js index ec42aa50..5f3a74d1 100644 --- a/src/typography/src/OrderedList.js +++ b/src/typography/src/OrderedList.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' const emptyObject = {} diff --git a/src/typography/src/Paragraph.js b/src/typography/src/Paragraph.js index a07d95b6..f5afd4d5 100644 --- a/src/typography/src/Paragraph.js +++ b/src/typography/src/Paragraph.js @@ -1,6 +1,6 @@ import React, { forwardRef, memo } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' import { useTheme } from '../../theme' diff --git a/src/typography/src/Small.js b/src/typography/src/Small.js index 645d5706..bf5f8b6f 100644 --- a/src/typography/src/Small.js +++ b/src/typography/src/Small.js @@ -1,5 +1,5 @@ import React, { memo, forwardRef } from 'react' -import Box from 'ui-box' +import Box from '@maestroqa/ui-box' const Small = memo( forwardRef(function Small(props, ref) { diff --git a/src/typography/src/Text.js b/src/typography/src/Text.js index 92f43b27..ee7392e9 100644 --- a/src/typography/src/Text.js +++ b/src/typography/src/Text.js @@ -1,6 +1,6 @@ import React, { forwardRef, memo } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' import { useTheme } from '../../theme' diff --git a/src/typography/src/UnorderedList.js b/src/typography/src/UnorderedList.js index 4fd4f5ec..c12025a6 100644 --- a/src/typography/src/UnorderedList.js +++ b/src/typography/src/UnorderedList.js @@ -1,6 +1,6 @@ import React, { memo, forwardRef } from 'react' +import Box from '@maestroqa/ui-box' import PropTypes from 'prop-types' -import Box from 'ui-box' import { useStyleConfig } from '../../hooks' import removeUndefined from '../../lib/remove-undefined' diff --git a/src/typography/stories/index.stories.js b/src/typography/stories/index.stories.js index 77663ec8..2e43a305 100644 --- a/src/typography/stories/index.stories.js +++ b/src/typography/stories/index.stories.js @@ -1,6 +1,6 @@ import React from 'react' +import Box from '@maestroqa/ui-box' import { storiesOf } from '@storybook/react' -import Box from 'ui-box' import { Text, Paragraph, diff --git a/tools/component-stories-template.js b/tools/component-stories-template.js index f2f0b72b..6f93a6bf 100644 --- a/tools/component-stories-template.js +++ b/tools/component-stories-template.js @@ -17,11 +17,9 @@ module.exports = ({ packageName, componentNames = [] }) => { return ` import { storiesOf } from '@storybook/react' import React from 'react' -import Box from 'ui-box' +import Box from '@maestroqa/ui-box' import { ${componentNames.join(', ')} } from '../../${packageName}' -storiesOf('${packageName}', module)${componentNames - .map(componentName => storyTemplate(componentName)) - .join('')} +storiesOf('${packageName}', module)${componentNames.map(componentName => storyTemplate(componentName)).join('')} `.trim() } diff --git a/tools/component-template.js b/tools/component-template.js index d800cb55..b9a24e13 100644 --- a/tools/component-template.js +++ b/tools/component-template.js @@ -4,7 +4,7 @@ module.exports = ({ componentName }) => { return ` import React, { memo, forwardRef } from 'react' import PropTypes from 'prop-types' -import Box from 'ui-box' +import Box from '@maestroqa/ui-box' const ${componentName} = memo(forwardRef((props, ref) => { const { ...restProps } = props diff --git a/yarn.lock b/yarn.lock index 193798a3..dce0e10d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1704,6 +1704,15 @@ "@jridgewell/resolve-uri" "3.1.0" "@jridgewell/sourcemap-codec" "1.4.14" +"@maestroqa/ui-box@^5.7.0": + version "5.7.0" + resolved "https://registry.yarnpkg.com/@maestroqa/ui-box/-/ui-box-5.7.0.tgz#f79ca6a18a098b5583930f168139aedb3d6f3f2c" + integrity sha512-c9FJYV7YaI/KRx+pDig1YX6aqTsX3taXxXTxNwDMww/WC1if6/J9sYosr+Se3u8Xig23SEbfERwZmo6tF6DW9g== + dependencies: + "@emotion/hash" "^0.7.1" + inline-style-prefixer "^5.0.4" + prop-types "^15.7.2" + "@mdx-js/loader@^1.6.22": version "1.6.22" resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.6.22.tgz#d9e8fe7f8185ff13c9c8639c048b123e30d322c4" @@ -14549,14 +14558,6 @@ typescript@4.9.4: resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78" integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg== -"ui-box@github:adtribute/mqa-ui-box#v5.6.0": - version "5.6.0" - resolved "https://codeload.github.com/adtribute/mqa-ui-box/tar.gz/4566a94eaa796f39c19dbb6adcdc72509047edcc" - dependencies: - "@emotion/hash" "^0.7.1" - inline-style-prefixer "^5.0.4" - prop-types "^15.7.2" - unbox-primitive@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471"