@react-hive/honey-layout 9.10.0 → 9.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11962,49 +11962,6 @@ __webpack_require__.r(__webpack_exports__);
11962
11962
 
11963
11963
 
11964
11964
 
11965
- /***/ }),
11966
-
11967
- /***/ "./src/components/HoneyCenter/HoneyCenter.ts":
11968
- /*!***************************************************!*\
11969
- !*** ./src/components/HoneyCenter/HoneyCenter.ts ***!
11970
- \***************************************************/
11971
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11972
-
11973
- "use strict";
11974
- __webpack_require__.r(__webpack_exports__);
11975
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
11976
- /* harmony export */ HoneyCenter: () => (/* binding */ HoneyCenter)
11977
- /* harmony export */ });
11978
- /* harmony import */ var _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-style */ "@react-hive/honey-style");
11979
- /* harmony import */ var _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__);
11980
- /* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../HoneyFlex */ "./src/components/HoneyFlex/index.ts");
11981
-
11982
-
11983
- const HoneyCenter = (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_HoneyFlex__WEBPACK_IMPORTED_MODULE_1__.HoneyFlex), ({ $alignItems = 'center', $justifyContent = 'center', ...props }) => ({
11984
- $alignItems,
11985
- $justifyContent,
11986
- // Data
11987
- 'data-testid': props['data-testid'] ?? 'honey-center',
11988
- })) ``;
11989
-
11990
-
11991
- /***/ }),
11992
-
11993
- /***/ "./src/components/HoneyCenter/index.ts":
11994
- /*!*********************************************!*\
11995
- !*** ./src/components/HoneyCenter/index.ts ***!
11996
- \*********************************************/
11997
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11998
-
11999
- "use strict";
12000
- __webpack_require__.r(__webpack_exports__);
12001
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
12002
- /* harmony export */ HoneyCenter: () => (/* reexport safe */ _HoneyCenter__WEBPACK_IMPORTED_MODULE_0__.HoneyCenter)
12003
- /* harmony export */ });
12004
- /* harmony import */ var _HoneyCenter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./HoneyCenter */ "./src/components/HoneyCenter/HoneyCenter.ts");
12005
-
12006
-
12007
-
12008
11965
  /***/ }),
12009
11966
 
12010
11967
  /***/ "./src/components/HoneyContextMenu/HoneyContextMenu.tsx":
@@ -12152,28 +12109,49 @@ __webpack_require__.r(__webpack_exports__);
12152
12109
 
12153
12110
 
12154
12111
  /**
12155
- * A flexible layout primitive built on top of {@link HoneyBox}.
12112
+ * A flexbox-based layout primitive built on top of {@link HoneyBox}.
12156
12113
  *
12157
- * `HoneyFlex` is a convenience wrapper that enables flexbox layout by default
12158
- * and provides sensible defaults for common use cases.
12114
+ * `HoneyFlex` provides a minimal, opinionated flex container with sensible
12115
+ * defaults, while remaining fully customizable via standard Honey style props.
12159
12116
  *
12160
- * Default behavior:
12161
- * - `display`: `flex`
12162
- * - `flexDirection`: `column`
12117
+ * ### Default behavior
12118
+ * - `display: flex`
12119
+ * - `flex-direction: column`
12163
12120
  *
12164
- * The component remains fully configurable via all {@link HoneyBoxProps},
12165
- * allowing consumers to override any flexbox-related styles as needed.
12121
+ * ### Semantic helpers
12122
+ * - `row` switches layout to a horizontal flow
12123
+ * - `center` → centers content on both axes
12166
12124
  *
12167
- * @example
12125
+ * Semantic helpers are designed for convenience and readability.
12126
+ * Any explicitly provided style props always take precedence.
12127
+ *
12128
+ * @remarks
12129
+ * This component is intended to be the primary flex layout primitive
12130
+ * within the Honey design system and should be preferred over raw
12131
+ * flexbox usage for consistency.
12132
+ *
12133
+ * @example Basic column layout
12168
12134
  * ```tsx
12169
- * <HoneyFlex gap={2} />
12135
+ * <HoneyFlex $gap={2} />
12136
+ * ```
12170
12137
  *
12171
- * <HoneyFlex $flexDirection="row" alignItems="center" />
12138
+ * @example Horizontal layout
12139
+ * ```tsx
12140
+ * <HoneyFlex row $gap={3} />
12141
+ * ```
12142
+ *
12143
+ * @example Fully centered content
12144
+ * ```tsx
12145
+ * <HoneyFlex $minHeight="100vh" center>
12146
+ * <Spinner />
12147
+ * </HoneyFlex>
12172
12148
  * ```
12173
12149
  */
12174
- const HoneyFlex = (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_HoneyBox__WEBPACK_IMPORTED_MODULE_1__.HoneyBox), ({ row = false, $display = 'flex', $flexDirection = row ? 'row' : 'column', ...props }) => ({
12150
+ const HoneyFlex = (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_HoneyBox__WEBPACK_IMPORTED_MODULE_1__.HoneyBox), ({ row = false, center = false, $display = 'flex', $flexDirection = row ? 'row' : 'column', $alignItems = center ? 'center' : undefined, $justifyContent = !row && center ? 'center' : undefined, ...props }) => ({
12175
12151
  $display,
12176
12152
  $flexDirection,
12153
+ $alignItems,
12154
+ $justifyContent,
12177
12155
  // Data
12178
12156
  'data-testid': props['data-testid'] ?? 'honey-flex',
12179
12157
  })) ``;
@@ -13220,36 +13198,33 @@ const HoneyStatusContent = ({ children, loading = false, loadingOverContent = fa
13220
13198
  __webpack_require__.r(__webpack_exports__);
13221
13199
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
13222
13200
  /* harmony export */ HoneyBox: () => (/* reexport safe */ _HoneyBox__WEBPACK_IMPORTED_MODULE_0__.HoneyBox),
13223
- /* harmony export */ HoneyCenter: () => (/* reexport safe */ _HoneyCenter__WEBPACK_IMPORTED_MODULE_2__.HoneyCenter),
13224
- /* harmony export */ HoneyContextMenu: () => (/* reexport safe */ _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_10__.HoneyContextMenu),
13201
+ /* harmony export */ HoneyContextMenu: () => (/* reexport safe */ _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_9__.HoneyContextMenu),
13225
13202
  /* harmony export */ HoneyFlex: () => (/* reexport safe */ _HoneyFlex__WEBPACK_IMPORTED_MODULE_1__.HoneyFlex),
13226
13203
  /* harmony export */ HoneyFlexBox: () => (/* reexport safe */ _HoneyFlex__WEBPACK_IMPORTED_MODULE_1__.HoneyFlexBox),
13227
- /* harmony export */ HoneyGrid: () => (/* reexport safe */ _HoneyGrid__WEBPACK_IMPORTED_MODULE_3__.HoneyGrid),
13228
- /* harmony export */ HoneyGridColumn: () => (/* reexport safe */ _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_4__.HoneyGridColumn),
13229
- /* harmony export */ HoneyGridColumnStyled: () => (/* reexport safe */ _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_4__.HoneyGridColumnStyled),
13230
- /* harmony export */ HoneyLazyContent: () => (/* reexport safe */ _HoneyLazyContent__WEBPACK_IMPORTED_MODULE_7__.HoneyLazyContent),
13231
- /* harmony export */ HoneyList: () => (/* reexport safe */ _HoneyList__WEBPACK_IMPORTED_MODULE_5__.HoneyList),
13232
- /* harmony export */ HoneyOverlay: () => (/* reexport safe */ _HoneyOverlay__WEBPACK_IMPORTED_MODULE_8__.HoneyOverlay),
13233
- /* harmony export */ HoneyPopup: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_9__.HoneyPopup),
13234
- /* harmony export */ HoneyPopupContext: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_9__.HoneyPopupContext),
13235
- /* harmony export */ HoneyStatusContent: () => (/* reexport safe */ _HoneyStatusContent__WEBPACK_IMPORTED_MODULE_6__.HoneyStatusContent),
13236
- /* harmony export */ getHoneyListItemId: () => (/* reexport safe */ _HoneyList__WEBPACK_IMPORTED_MODULE_5__.getHoneyListItemId),
13237
- /* harmony export */ useHoneyGridContext: () => (/* reexport safe */ _HoneyGrid__WEBPACK_IMPORTED_MODULE_3__.useHoneyGridContext),
13238
- /* harmony export */ useHoneyPopup: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_9__.useHoneyPopup),
13239
- /* harmony export */ useHoneyPopupContext: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_9__.useHoneyPopupContext)
13204
+ /* harmony export */ HoneyGrid: () => (/* reexport safe */ _HoneyGrid__WEBPACK_IMPORTED_MODULE_2__.HoneyGrid),
13205
+ /* harmony export */ HoneyGridColumn: () => (/* reexport safe */ _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_3__.HoneyGridColumn),
13206
+ /* harmony export */ HoneyGridColumnStyled: () => (/* reexport safe */ _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_3__.HoneyGridColumnStyled),
13207
+ /* harmony export */ HoneyLazyContent: () => (/* reexport safe */ _HoneyLazyContent__WEBPACK_IMPORTED_MODULE_6__.HoneyLazyContent),
13208
+ /* harmony export */ HoneyList: () => (/* reexport safe */ _HoneyList__WEBPACK_IMPORTED_MODULE_4__.HoneyList),
13209
+ /* harmony export */ HoneyOverlay: () => (/* reexport safe */ _HoneyOverlay__WEBPACK_IMPORTED_MODULE_7__.HoneyOverlay),
13210
+ /* harmony export */ HoneyPopup: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_8__.HoneyPopup),
13211
+ /* harmony export */ HoneyPopupContext: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_8__.HoneyPopupContext),
13212
+ /* harmony export */ HoneyStatusContent: () => (/* reexport safe */ _HoneyStatusContent__WEBPACK_IMPORTED_MODULE_5__.HoneyStatusContent),
13213
+ /* harmony export */ getHoneyListItemId: () => (/* reexport safe */ _HoneyList__WEBPACK_IMPORTED_MODULE_4__.getHoneyListItemId),
13214
+ /* harmony export */ useHoneyGridContext: () => (/* reexport safe */ _HoneyGrid__WEBPACK_IMPORTED_MODULE_2__.useHoneyGridContext),
13215
+ /* harmony export */ useHoneyPopup: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_8__.useHoneyPopup),
13216
+ /* harmony export */ useHoneyPopupContext: () => (/* reexport safe */ _HoneyPopup__WEBPACK_IMPORTED_MODULE_8__.useHoneyPopupContext)
13240
13217
  /* harmony export */ });
13241
13218
  /* harmony import */ var _HoneyBox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./HoneyBox */ "./src/components/HoneyBox/index.ts");
13242
13219
  /* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HoneyFlex */ "./src/components/HoneyFlex/index.ts");
13243
- /* harmony import */ var _HoneyCenter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HoneyCenter */ "./src/components/HoneyCenter/index.ts");
13244
- /* harmony import */ var _HoneyGrid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoneyGrid */ "./src/components/HoneyGrid/index.ts");
13245
- /* harmony import */ var _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./HoneyGridColumn */ "./src/components/HoneyGridColumn/index.ts");
13246
- /* harmony import */ var _HoneyList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./HoneyList */ "./src/components/HoneyList/index.ts");
13247
- /* harmony import */ var _HoneyStatusContent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./HoneyStatusContent */ "./src/components/HoneyStatusContent.tsx");
13248
- /* harmony import */ var _HoneyLazyContent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./HoneyLazyContent */ "./src/components/HoneyLazyContent/index.ts");
13249
- /* harmony import */ var _HoneyOverlay__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./HoneyOverlay */ "./src/components/HoneyOverlay.tsx");
13250
- /* harmony import */ var _HoneyPopup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./HoneyPopup */ "./src/components/HoneyPopup/index.ts");
13251
- /* harmony import */ var _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./HoneyContextMenu */ "./src/components/HoneyContextMenu/index.ts");
13252
-
13220
+ /* harmony import */ var _HoneyGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HoneyGrid */ "./src/components/HoneyGrid/index.ts");
13221
+ /* harmony import */ var _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoneyGridColumn */ "./src/components/HoneyGridColumn/index.ts");
13222
+ /* harmony import */ var _HoneyList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./HoneyList */ "./src/components/HoneyList/index.ts");
13223
+ /* harmony import */ var _HoneyStatusContent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./HoneyStatusContent */ "./src/components/HoneyStatusContent.tsx");
13224
+ /* harmony import */ var _HoneyLazyContent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./HoneyLazyContent */ "./src/components/HoneyLazyContent/index.ts");
13225
+ /* harmony import */ var _HoneyOverlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./HoneyOverlay */ "./src/components/HoneyOverlay.tsx");
13226
+ /* harmony import */ var _HoneyPopup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./HoneyPopup */ "./src/components/HoneyPopup/index.ts");
13227
+ /* harmony import */ var _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./HoneyContextMenu */ "./src/components/HoneyContextMenu/index.ts");
13253
13228
 
13254
13229
 
13255
13230
 
@@ -14818,7 +14793,6 @@ var __webpack_exports__ = {};
14818
14793
  __webpack_require__.r(__webpack_exports__);
14819
14794
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
14820
14795
  /* harmony export */ HoneyBox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.HoneyBox),
14821
- /* harmony export */ HoneyCenter: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.HoneyCenter),
14822
14796
  /* harmony export */ HoneyContextMenu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.HoneyContextMenu),
14823
14797
  /* harmony export */ HoneyFlex: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.HoneyFlex),
14824
14798
  /* harmony export */ HoneyFlexBox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.HoneyFlexBox),