@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.
- package/dist/components/HoneyBox/HoneyBox.d.ts +1 -1
- package/dist/components/HoneyFlex/HoneyFlex.d.ts +57 -13
- package/dist/components/HoneyGrid/HoneyGridStyled.d.ts +1 -1
- package/dist/components/HoneyGridColumn/HoneyGridColumnStyled.d.ts +1 -1
- package/dist/components/HoneyList/HoneyListStyled.d.ts +1 -1
- package/dist/components/HoneyPopup/HoneyPopupStyled.d.ts +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/index.cjs +6 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.dev.cjs +55 -81
- package/dist/index.dev.cjs.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/components/HoneyCenter/HoneyCenter.d.ts +0 -14
- package/dist/components/HoneyCenter/index.d.ts +0 -1
package/dist/index.dev.cjs
CHANGED
|
@@ -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
|
|
12112
|
+
* A flexbox-based layout primitive built on top of {@link HoneyBox}.
|
|
12156
12113
|
*
|
|
12157
|
-
* `HoneyFlex`
|
|
12158
|
-
*
|
|
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
|
|
12162
|
-
* - `
|
|
12117
|
+
* ### Default behavior
|
|
12118
|
+
* - `display: flex`
|
|
12119
|
+
* - `flex-direction: column`
|
|
12163
12120
|
*
|
|
12164
|
-
*
|
|
12165
|
-
*
|
|
12121
|
+
* ### Semantic helpers
|
|
12122
|
+
* - `row` → switches layout to a horizontal flow
|
|
12123
|
+
* - `center` → centers content on both axes
|
|
12166
12124
|
*
|
|
12167
|
-
*
|
|
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
|
-
*
|
|
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 */
|
|
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 */
|
|
13228
|
-
/* harmony export */ HoneyGridColumn: () => (/* reexport safe */
|
|
13229
|
-
/* harmony export */ HoneyGridColumnStyled: () => (/* reexport safe */
|
|
13230
|
-
/* harmony export */ HoneyLazyContent: () => (/* reexport safe */
|
|
13231
|
-
/* harmony export */ HoneyList: () => (/* reexport safe */
|
|
13232
|
-
/* harmony export */ HoneyOverlay: () => (/* reexport safe */
|
|
13233
|
-
/* harmony export */ HoneyPopup: () => (/* reexport safe */
|
|
13234
|
-
/* harmony export */ HoneyPopupContext: () => (/* reexport safe */
|
|
13235
|
-
/* harmony export */ HoneyStatusContent: () => (/* reexport safe */
|
|
13236
|
-
/* harmony export */ getHoneyListItemId: () => (/* reexport safe */
|
|
13237
|
-
/* harmony export */ useHoneyGridContext: () => (/* reexport safe */
|
|
13238
|
-
/* harmony export */ useHoneyPopup: () => (/* reexport safe */
|
|
13239
|
-
/* harmony export */ useHoneyPopupContext: () => (/* reexport safe */
|
|
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
|
|
13244
|
-
/* harmony import */ var
|
|
13245
|
-
/* harmony import */ var
|
|
13246
|
-
/* harmony import */ var
|
|
13247
|
-
/* harmony import */ var
|
|
13248
|
-
/* harmony import */ var
|
|
13249
|
-
/* harmony import */ var
|
|
13250
|
-
/* harmony import */ var
|
|
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),
|