@react-hive/honey-style 2.7.0 → 2.10.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/css/middlewares/index.d.ts +1 -0
- package/dist/css/middlewares/inline-at-rule.d.ts +2 -2
- package/dist/css/middlewares/spacing.d.ts +2 -2
- package/dist/css/middlewares/stack-at-rule.d.ts +2 -2
- package/dist/css/middlewares/suggest.d.ts +2 -0
- package/dist/css/processor.d.ts +2 -2
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.dev.cjs +325 -270
- package/dist/index.dev.cjs.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/dist/utils.d.ts +0 -26
- package/package.json +17 -16
package/dist/index.dev.cjs
CHANGED
|
@@ -2,6 +2,76 @@
|
|
|
2
2
|
/******/ "use strict";
|
|
3
3
|
/******/ var __webpack_modules__ = ({
|
|
4
4
|
|
|
5
|
+
/***/ "./node_modules/@react-hive/honey-utils/dist/index.mjs":
|
|
6
|
+
/*!*************************************************************!*\
|
|
7
|
+
!*** ./node_modules/@react-hive/honey-utils/dist/index.mjs ***!
|
|
8
|
+
\*************************************************************/
|
|
9
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
10
|
+
|
|
11
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13
|
+
/* harmony export */ assert: () => (/* binding */ e),
|
|
14
|
+
/* harmony export */ calculateEuclideanDistance: () => (/* binding */ J),
|
|
15
|
+
/* harmony export */ calculateMovingSpeed: () => (/* binding */ K),
|
|
16
|
+
/* harmony export */ calculatePercentage: () => (/* binding */ Q),
|
|
17
|
+
/* harmony export */ camelToDashCase: () => (/* binding */ z),
|
|
18
|
+
/* harmony export */ chunk: () => (/* binding */ O),
|
|
19
|
+
/* harmony export */ cloneBlob: () => (/* binding */ _),
|
|
20
|
+
/* harmony export */ compact: () => (/* binding */ P),
|
|
21
|
+
/* harmony export */ compose: () => (/* binding */ v),
|
|
22
|
+
/* harmony export */ convertBlobToFile: () => (/* binding */ tt),
|
|
23
|
+
/* harmony export */ delay: () => (/* binding */ W),
|
|
24
|
+
/* harmony export */ difference: () => (/* binding */ Y),
|
|
25
|
+
/* harmony export */ everyAsync: () => (/* binding */ E),
|
|
26
|
+
/* harmony export */ filterParallel: () => (/* binding */ $),
|
|
27
|
+
/* harmony export */ filterSequential: () => (/* binding */ S),
|
|
28
|
+
/* harmony export */ findAsync: () => (/* binding */ N),
|
|
29
|
+
/* harmony export */ getDOMRectIntersectionRatio: () => (/* binding */ et),
|
|
30
|
+
/* harmony export */ getElementOffsetRect: () => (/* binding */ rt),
|
|
31
|
+
/* harmony export */ hashString: () => (/* binding */ Z),
|
|
32
|
+
/* harmony export */ intersection: () => (/* binding */ X),
|
|
33
|
+
/* harmony export */ invokeIfFunction: () => (/* binding */ V),
|
|
34
|
+
/* harmony export */ isArray: () => (/* binding */ h),
|
|
35
|
+
/* harmony export */ isBool: () => (/* binding */ s),
|
|
36
|
+
/* harmony export */ isDate: () => (/* binding */ w),
|
|
37
|
+
/* harmony export */ isDefined: () => (/* binding */ o),
|
|
38
|
+
/* harmony export */ isEmptyArray: () => (/* binding */ u),
|
|
39
|
+
/* harmony export */ isEmptyObject: () => (/* binding */ f),
|
|
40
|
+
/* harmony export */ isFiniteNumber: () => (/* binding */ A),
|
|
41
|
+
/* harmony export */ isFunction: () => (/* binding */ y),
|
|
42
|
+
/* harmony export */ isInteger: () => (/* binding */ k),
|
|
43
|
+
/* harmony export */ isMap: () => (/* binding */ b),
|
|
44
|
+
/* harmony export */ isNil: () => (/* binding */ n),
|
|
45
|
+
/* harmony export */ isNilOrEmptyString: () => (/* binding */ a),
|
|
46
|
+
/* harmony export */ isNull: () => (/* binding */ r),
|
|
47
|
+
/* harmony export */ isNumber: () => (/* binding */ i),
|
|
48
|
+
/* harmony export */ isObject: () => (/* binding */ c),
|
|
49
|
+
/* harmony export */ isPromise: () => (/* binding */ p),
|
|
50
|
+
/* harmony export */ isRegExp: () => (/* binding */ m),
|
|
51
|
+
/* harmony export */ isSet: () => (/* binding */ d),
|
|
52
|
+
/* harmony export */ isString: () => (/* binding */ l),
|
|
53
|
+
/* harmony export */ isSymbol: () => (/* binding */ M),
|
|
54
|
+
/* harmony export */ isUndefined: () => (/* binding */ x),
|
|
55
|
+
/* harmony export */ isValidDate: () => (/* binding */ g),
|
|
56
|
+
/* harmony export */ noop: () => (/* binding */ H),
|
|
57
|
+
/* harmony export */ not: () => (/* binding */ I),
|
|
58
|
+
/* harmony export */ parse2DMatrix: () => (/* binding */ U),
|
|
59
|
+
/* harmony export */ pipe: () => (/* binding */ j),
|
|
60
|
+
/* harmony export */ reduceAsync: () => (/* binding */ F),
|
|
61
|
+
/* harmony export */ retry: () => (/* binding */ G),
|
|
62
|
+
/* harmony export */ runParallel: () => (/* binding */ R),
|
|
63
|
+
/* harmony export */ runSequential: () => (/* binding */ L),
|
|
64
|
+
/* harmony export */ someAsync: () => (/* binding */ B),
|
|
65
|
+
/* harmony export */ splitStringIntoWords: () => (/* binding */ D),
|
|
66
|
+
/* harmony export */ timeout: () => (/* binding */ q),
|
|
67
|
+
/* harmony export */ toKebabCase: () => (/* binding */ T),
|
|
68
|
+
/* harmony export */ unique: () => (/* binding */ C)
|
|
69
|
+
/* harmony export */ });
|
|
70
|
+
var t={};function e(t,e){if(!t)throw new Error(e)}t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const r=t=>null===t,n=t=>null==t,a=t=>""===t||n(t),o=t=>null!=t,l=t=>"string"==typeof t,i=t=>"number"==typeof t,s=t=>"boolean"==typeof t,c=t=>"object"==typeof t,f=t=>c(t)&&!r(t)&&0===Object.keys(t).length,h=t=>Array.isArray(t),u=t=>h(t)&&0===t.length,y=t=>"function"==typeof t,p=t=>y(t?.then),w=t=>t instanceof Date,g=t=>w(t)&&!isNaN(t.getTime()),m=t=>t instanceof RegExp,b=t=>t instanceof Map,d=t=>t instanceof Set,M=t=>"symbol"==typeof t,x=t=>void 0===t,A=t=>i(t)&&isFinite(t),k=t=>i(t)&&Number.isInteger(t),P=t=>t.filter(Boolean),C=t=>[...new Set(t)],O=(t,r)=>(e(r>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(t.length/r)},(e,n)=>t.slice(n*r,(n+1)*r))),X=(...t)=>{if(0===t.length)return[];if(1===t.length)return[...t[0]];const[e,...r]=t;return C(e).filter(t=>r.every(e=>e.includes(t)))},Y=(t,e)=>t.filter(t=>!e.includes(t)),j=(...t)=>e=>t.reduce((t,e)=>e(t),e),v=(...t)=>e=>t.reduceRight((t,e)=>e(t),e),L=async(t,e)=>{const r=[];for(let n=0;n<t.length;n++)r.push(await e(t[n],n,t));return r},R=async(t,e)=>Promise.all(t.map(e)),S=async(t,e)=>{const r=[];for(let n=0;n<t.length;n++){const a=t[n];await e(a,n,t)&&r.push(a)}return r},$=async(t,e)=>{const r=await R(t,async(t,r,n)=>!!await e(t,r,n)&&t);return P(r)},B=async(t,e)=>{for(let r=0;r<t.length;r++)if(await e(t[r],r,t))return!0;return!1},E=async(t,e)=>{for(let r=0;r<t.length;r++)if(!await e(t[r],r,t))return!1;return!0},F=async(t,e,r)=>{let n=r;for(let r=0;r<t.length;r++)n=await e(n,t[r],r,t);return n},N=async(t,e)=>{for(let r=0;r<t.length;r++)if(await e(t[r],r,t))return t[r];return null},T=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),z=t=>{const e=t.charAt(0),r=t.slice(1);return e.toLowerCase()+r.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)},D=t=>t.split(" ").filter(Boolean),Z=t=>{let e=5381;for(let r=0;r<t.length;r++)e=33*e^t.charCodeAt(r);return(e>>>0).toString(36)},H=()=>{},I=t=>(...e)=>!t(...e),V=(t,...e)=>"function"==typeof t?t(...e):t,W=t=>new Promise(e=>setTimeout(e,t)),q=async(t,e,r="Operation timed out")=>{try{return await Promise.race([t,W(e).then(()=>Promise.reject(new Error(r)))])}finally{}},G=(t,{maxAttempts:e=3,delayMs:r=300,backoff:n=!0,onRetry:a}={})=>async(...o)=>{let l;for(let i=1;i<=e;i++)try{return await t(...o)}catch(t){if(l=t,i<e){a?.(i,t);const e=n?r*2**(i-1):r;await W(e)}}throw l},J=(t,e,r,n)=>{const a=r-t,o=n-e;return Math.hypot(a,o)},K=(t,e)=>Math.abs(t/e),Q=(t,e)=>t*e/100,U=t=>{const e=window.getComputedStyle(t).getPropertyValue("transform").match(/^matrix\((.+)\)$/);if(!e)return{translateX:0,translateY:0,scaleX:1,scaleY:1,skewX:0,skewY:0};const[r,n,a,o,l,i]=e[1].split(", ").map(parseFloat);return{translateX:l,translateY:i,scaleX:r,scaleY:o,skewX:a,skewY:n}},_=t=>new Blob([t],{type:t.type}),tt=(t,e)=>new File([t],e,{type:t.type}),et=(t,e)=>Math.max(0,Math.min(t.right,e.right)-Math.max(t.left,e.left))*Math.max(0,Math.min(t.bottom,e.bottom)-Math.max(t.top,e.top))/(e.width*e.height),rt=t=>new DOMRect(t.offsetLeft,t.offsetTop,t.clientWidth,t.clientHeight);
|
|
71
|
+
//# sourceMappingURL=index.mjs.map
|
|
72
|
+
|
|
73
|
+
/***/ }),
|
|
74
|
+
|
|
5
75
|
/***/ "./node_modules/react/cjs/react-jsx-runtime.development.js":
|
|
6
76
|
/*!*****************************************************************!*\
|
|
7
77
|
!*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
|
|
@@ -53,7 +123,7 @@
|
|
|
53
123
|
case REACT_PORTAL_TYPE:
|
|
54
124
|
return "Portal";
|
|
55
125
|
case REACT_CONTEXT_TYPE:
|
|
56
|
-
return
|
|
126
|
+
return type.displayName || "Context";
|
|
57
127
|
case REACT_CONSUMER_TYPE:
|
|
58
128
|
return (type._context.displayName || "Context") + ".Consumer";
|
|
59
129
|
case REACT_FORWARD_REF_TYPE:
|
|
@@ -160,17 +230,8 @@
|
|
|
160
230
|
componentName = this.props.ref;
|
|
161
231
|
return void 0 !== componentName ? componentName : null;
|
|
162
232
|
}
|
|
163
|
-
function ReactElement(
|
|
164
|
-
|
|
165
|
-
key,
|
|
166
|
-
self,
|
|
167
|
-
source,
|
|
168
|
-
owner,
|
|
169
|
-
props,
|
|
170
|
-
debugStack,
|
|
171
|
-
debugTask
|
|
172
|
-
) {
|
|
173
|
-
self = props.ref;
|
|
233
|
+
function ReactElement(type, key, props, owner, debugStack, debugTask) {
|
|
234
|
+
var refProp = props.ref;
|
|
174
235
|
type = {
|
|
175
236
|
$$typeof: REACT_ELEMENT_TYPE,
|
|
176
237
|
type: type,
|
|
@@ -178,7 +239,7 @@
|
|
|
178
239
|
props: props,
|
|
179
240
|
_owner: owner
|
|
180
241
|
};
|
|
181
|
-
null !== (void 0 !==
|
|
242
|
+
null !== (void 0 !== refProp ? refProp : null)
|
|
182
243
|
? Object.defineProperty(type, "ref", {
|
|
183
244
|
enumerable: !1,
|
|
184
245
|
get: elementRefGetterWithDeprecationWarning
|
|
@@ -217,8 +278,6 @@
|
|
|
217
278
|
config,
|
|
218
279
|
maybeKey,
|
|
219
280
|
isStaticChildren,
|
|
220
|
-
source,
|
|
221
|
-
self,
|
|
222
281
|
debugStack,
|
|
223
282
|
debugTask
|
|
224
283
|
) {
|
|
@@ -279,29 +338,38 @@
|
|
|
279
338
|
return ReactElement(
|
|
280
339
|
type,
|
|
281
340
|
children,
|
|
282
|
-
self,
|
|
283
|
-
source,
|
|
284
|
-
getOwner(),
|
|
285
341
|
maybeKey,
|
|
342
|
+
getOwner(),
|
|
286
343
|
debugStack,
|
|
287
344
|
debugTask
|
|
288
345
|
);
|
|
289
346
|
}
|
|
290
347
|
function validateChildKeys(node) {
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
348
|
+
isValidElement(node)
|
|
349
|
+
? node._store && (node._store.validated = 1)
|
|
350
|
+
: "object" === typeof node &&
|
|
351
|
+
null !== node &&
|
|
352
|
+
node.$$typeof === REACT_LAZY_TYPE &&
|
|
353
|
+
("fulfilled" === node._payload.status
|
|
354
|
+
? isValidElement(node._payload.value) &&
|
|
355
|
+
node._payload.value._store &&
|
|
356
|
+
(node._payload.value._store.validated = 1)
|
|
357
|
+
: node._store && (node._store.validated = 1));
|
|
358
|
+
}
|
|
359
|
+
function isValidElement(object) {
|
|
360
|
+
return (
|
|
361
|
+
"object" === typeof object &&
|
|
362
|
+
null !== object &&
|
|
363
|
+
object.$$typeof === REACT_ELEMENT_TYPE
|
|
364
|
+
);
|
|
296
365
|
}
|
|
297
366
|
var React = __webpack_require__(/*! react */ "react"),
|
|
298
367
|
REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
299
368
|
REACT_PORTAL_TYPE = Symbol.for("react.portal"),
|
|
300
369
|
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
|
|
301
370
|
REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
|
|
302
|
-
REACT_PROFILER_TYPE = Symbol.for("react.profiler")
|
|
303
|
-
|
|
304
|
-
var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
|
|
371
|
+
REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
|
|
372
|
+
REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
|
|
305
373
|
REACT_CONTEXT_TYPE = Symbol.for("react.context"),
|
|
306
374
|
REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
|
|
307
375
|
REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
|
|
@@ -320,20 +388,20 @@
|
|
|
320
388
|
return null;
|
|
321
389
|
};
|
|
322
390
|
React = {
|
|
323
|
-
|
|
391
|
+
react_stack_bottom_frame: function (callStackForError) {
|
|
324
392
|
return callStackForError();
|
|
325
393
|
}
|
|
326
394
|
};
|
|
327
395
|
var specialPropKeyWarningShown;
|
|
328
396
|
var didWarnAboutElementRef = {};
|
|
329
|
-
var unknownOwnerDebugStack = React
|
|
397
|
+
var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
|
|
330
398
|
React,
|
|
331
399
|
UnknownOwner
|
|
332
400
|
)();
|
|
333
401
|
var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
|
|
334
402
|
var didWarnAboutKeySpread = {};
|
|
335
403
|
exports.Fragment = REACT_FRAGMENT_TYPE;
|
|
336
|
-
exports.jsx = function (type, config, maybeKey
|
|
404
|
+
exports.jsx = function (type, config, maybeKey) {
|
|
337
405
|
var trackActualOwner =
|
|
338
406
|
1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
339
407
|
return jsxDEVImpl(
|
|
@@ -341,15 +409,13 @@
|
|
|
341
409
|
config,
|
|
342
410
|
maybeKey,
|
|
343
411
|
!1,
|
|
344
|
-
source,
|
|
345
|
-
self,
|
|
346
412
|
trackActualOwner
|
|
347
413
|
? Error("react-stack-top-frame")
|
|
348
414
|
: unknownOwnerDebugStack,
|
|
349
415
|
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
350
416
|
);
|
|
351
417
|
};
|
|
352
|
-
exports.jsxs = function (type, config, maybeKey
|
|
418
|
+
exports.jsxs = function (type, config, maybeKey) {
|
|
353
419
|
var trackActualOwner =
|
|
354
420
|
1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
355
421
|
return jsxDEVImpl(
|
|
@@ -357,8 +423,6 @@
|
|
|
357
423
|
config,
|
|
358
424
|
maybeKey,
|
|
359
425
|
!0,
|
|
360
|
-
source,
|
|
361
|
-
self,
|
|
362
426
|
trackActualOwner
|
|
363
427
|
? Error("react-stack-top-frame")
|
|
364
428
|
: unknownOwnerDebugStack,
|
|
@@ -454,11 +518,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
454
518
|
/* harmony export */ prefixer: () => (/* binding */ prefixer),
|
|
455
519
|
/* harmony export */ rulesheet: () => (/* binding */ rulesheet)
|
|
456
520
|
/* harmony export */ });
|
|
457
|
-
/* harmony import */ var
|
|
458
|
-
/* harmony import */ var
|
|
459
|
-
/* harmony import */ var
|
|
521
|
+
/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
|
|
522
|
+
/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
|
|
523
|
+
/* harmony import */ var _Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Tokenizer.js */ "./node_modules/stylis/src/Tokenizer.js");
|
|
460
524
|
/* harmony import */ var _Serializer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Serializer.js */ "./node_modules/stylis/src/Serializer.js");
|
|
461
|
-
/* harmony import */ var
|
|
525
|
+
/* harmony import */ var _Prefixer_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Prefixer.js */ "./node_modules/stylis/src/Prefixer.js");
|
|
462
526
|
|
|
463
527
|
|
|
464
528
|
|
|
@@ -470,7 +534,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
470
534
|
* @return {function}
|
|
471
535
|
*/
|
|
472
536
|
function middleware (collection) {
|
|
473
|
-
var length = (0,
|
|
537
|
+
var length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(collection)
|
|
474
538
|
|
|
475
539
|
return function (element, index, children, callback) {
|
|
476
540
|
var output = ''
|
|
@@ -504,27 +568,27 @@ function prefixer (element, index, children, callback) {
|
|
|
504
568
|
if (element.length > -1)
|
|
505
569
|
if (!element.return)
|
|
506
570
|
switch (element.type) {
|
|
507
|
-
case
|
|
571
|
+
case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.DECLARATION: element.return = (0,_Prefixer_js__WEBPACK_IMPORTED_MODULE_4__.prefix)(element.value, element.length, children)
|
|
508
572
|
return
|
|
509
|
-
case
|
|
510
|
-
return (0,_Serializer_js__WEBPACK_IMPORTED_MODULE_3__.serialize)([(0,
|
|
511
|
-
case
|
|
573
|
+
case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.KEYFRAMES:
|
|
574
|
+
return (0,_Serializer_js__WEBPACK_IMPORTED_MODULE_3__.serialize)([(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {value: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(element.value, '@', '@' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT)})], callback)
|
|
575
|
+
case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET:
|
|
512
576
|
if (element.length)
|
|
513
|
-
return (0,
|
|
514
|
-
switch ((0,
|
|
577
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.combine)(children = element.props, function (value) {
|
|
578
|
+
switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, callback = /(::plac\w+|:read-\w+)/)) {
|
|
515
579
|
// :read-(only|write)
|
|
516
580
|
case ':read-only': case ':read-write':
|
|
517
|
-
(0,
|
|
518
|
-
;(0,
|
|
519
|
-
;(0,
|
|
581
|
+
(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(read-\w+)/, ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + '$1')]}))
|
|
582
|
+
;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [value]}))
|
|
583
|
+
;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.assign)(element, {props: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.filter)(children, callback)})
|
|
520
584
|
break
|
|
521
585
|
// :placeholder
|
|
522
586
|
case '::placeholder':
|
|
523
|
-
;(0,
|
|
524
|
-
;(0,
|
|
525
|
-
;(0,
|
|
526
|
-
;(0,
|
|
527
|
-
;(0,
|
|
587
|
+
;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(plac\w+)/, ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'input-$1')]}))
|
|
588
|
+
;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(plac\w+)/, ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + '$1')]}))
|
|
589
|
+
;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /:(plac\w+)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'input-$1')]}))
|
|
590
|
+
;(0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.lift)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.copy)(element, {props: [value]}))
|
|
591
|
+
;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.assign)(element, {props: (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.filter)(children, callback)})
|
|
528
592
|
break
|
|
529
593
|
}
|
|
530
594
|
|
|
@@ -540,28 +604,28 @@ function prefixer (element, index, children, callback) {
|
|
|
540
604
|
*/
|
|
541
605
|
function namespace (element) {
|
|
542
606
|
switch (element.type) {
|
|
543
|
-
case
|
|
607
|
+
case _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET:
|
|
544
608
|
element.props = element.props.map(function (value) {
|
|
545
|
-
return (0,
|
|
546
|
-
switch ((0,
|
|
609
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.combine)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.tokenize)(value), function (value, index, children) {
|
|
610
|
+
switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, 0)) {
|
|
547
611
|
// \f
|
|
548
612
|
case 12:
|
|
549
|
-
return (0,
|
|
613
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 1, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(value))
|
|
550
614
|
// \0 ( + > ~
|
|
551
615
|
case 0: case 40: case 43: case 62: case 126:
|
|
552
616
|
return value
|
|
553
617
|
// :
|
|
554
618
|
case 58:
|
|
555
619
|
if (children[++index] === 'global')
|
|
556
|
-
children[index] = '', children[++index] = '\f' + (0,
|
|
620
|
+
children[index] = '', children[++index] = '\f' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(children[index], index = 1, -1)
|
|
557
621
|
// \s
|
|
558
622
|
case 32:
|
|
559
623
|
return index === 1 ? '' : value
|
|
560
624
|
default:
|
|
561
625
|
switch (index) {
|
|
562
626
|
case 0: element = value
|
|
563
|
-
return (0,
|
|
564
|
-
case index = (0,
|
|
627
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(children) > 1 ? '' : value
|
|
628
|
+
case index = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.sizeof)(children) - 1: case 2:
|
|
565
629
|
return index === 2 ? value + element + element : value + element
|
|
566
630
|
default:
|
|
567
631
|
return value
|
|
@@ -589,9 +653,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
589
653
|
/* harmony export */ parse: () => (/* binding */ parse),
|
|
590
654
|
/* harmony export */ ruleset: () => (/* binding */ ruleset)
|
|
591
655
|
/* harmony export */ });
|
|
592
|
-
/* harmony import */ var
|
|
656
|
+
/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
|
|
593
657
|
/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
|
|
594
|
-
/* harmony import */ var
|
|
658
|
+
/* harmony import */ var _Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Tokenizer.js */ "./node_modules/stylis/src/Tokenizer.js");
|
|
595
659
|
|
|
596
660
|
|
|
597
661
|
|
|
@@ -601,7 +665,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
601
665
|
* @return {object[]}
|
|
602
666
|
*/
|
|
603
667
|
function compile (value) {
|
|
604
|
-
return (0,
|
|
668
|
+
return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.dealloc)(parse('', null, null, null, [''], value = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.alloc)(value), 0, [0], value))
|
|
605
669
|
}
|
|
606
670
|
|
|
607
671
|
/**
|
|
@@ -634,32 +698,32 @@ function parse (value, root, parent, rule, rules, rulesets, pseudo, points, decl
|
|
|
634
698
|
var characters = type
|
|
635
699
|
|
|
636
700
|
while (scanning)
|
|
637
|
-
switch (previous = character, character = (0,
|
|
701
|
+
switch (previous = character, character = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.next)()) {
|
|
638
702
|
// (
|
|
639
703
|
case 40:
|
|
640
704
|
if (previous != 108 && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(characters, length - 1) == 58) {
|
|
641
|
-
if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,
|
|
705
|
+
if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.delimit)(character), '&', '&\f'), '&\f', (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.abs)(index ? points[index - 1] : 0)) != -1)
|
|
642
706
|
ampersand = -1
|
|
643
707
|
break
|
|
644
708
|
}
|
|
645
709
|
// " ' [
|
|
646
710
|
case 34: case 39: case 91:
|
|
647
|
-
characters += (0,
|
|
711
|
+
characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.delimit)(character)
|
|
648
712
|
break
|
|
649
713
|
// \t \n \r \s
|
|
650
714
|
case 9: case 10: case 13: case 32:
|
|
651
|
-
characters += (0,
|
|
715
|
+
characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.whitespace)(previous)
|
|
652
716
|
break
|
|
653
717
|
// \
|
|
654
718
|
case 92:
|
|
655
|
-
characters += (0,
|
|
719
|
+
characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.escaping)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.caret)() - 1, 7)
|
|
656
720
|
continue
|
|
657
721
|
// /
|
|
658
722
|
case 47:
|
|
659
|
-
switch ((0,
|
|
723
|
+
switch ((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)()) {
|
|
660
724
|
case 42: case 47:
|
|
661
|
-
;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(comment((0,
|
|
662
|
-
if (((0,
|
|
725
|
+
;(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.append)(comment((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.commenter)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.next)(), (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.caret)()), root, parent, declarations), declarations)
|
|
726
|
+
if (((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.token)(previous || 1) == 5 || (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.token)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)() || 1) == 5) && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(characters) && (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(characters, -1, void 0) !== ' ') characters += ' '
|
|
663
727
|
break
|
|
664
728
|
default:
|
|
665
729
|
characters += '/'
|
|
@@ -714,7 +778,7 @@ function parse (value, root, parent, rule, rules, rulesets, pseudo, points, decl
|
|
|
714
778
|
if (variable < 1)
|
|
715
779
|
if (character == 123)
|
|
716
780
|
--variable
|
|
717
|
-
else if (character == 125 && variable++ == 0 && (0,
|
|
781
|
+
else if (character == 125 && variable++ == 0 && (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.prev)() == 125)
|
|
718
782
|
continue
|
|
719
783
|
|
|
720
784
|
switch (characters += (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.from)(character), character * variable) {
|
|
@@ -729,10 +793,10 @@ function parse (value, root, parent, rule, rules, rulesets, pseudo, points, decl
|
|
|
729
793
|
// @
|
|
730
794
|
case 64:
|
|
731
795
|
// -
|
|
732
|
-
if ((0,
|
|
733
|
-
characters += (0,
|
|
796
|
+
if ((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)() === 45)
|
|
797
|
+
characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.delimit)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.next)())
|
|
734
798
|
|
|
735
|
-
atrule = (0,
|
|
799
|
+
atrule = (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.peek)(), offset = length = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(type = characters += (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.identifier)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.caret)())), character++
|
|
736
800
|
break
|
|
737
801
|
// -
|
|
738
802
|
case 45:
|
|
@@ -769,7 +833,7 @@ function ruleset (value, root, parent, index, offset, rules, points, type, props
|
|
|
769
833
|
if (z = (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.trim)(j > 0 ? rule[x] + ' ' + y : (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(y, /&\f/g, rule[x])))
|
|
770
834
|
props[k++] = z
|
|
771
835
|
|
|
772
|
-
return (0,
|
|
836
|
+
return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.node)(value, root, parent, offset === 0 ? _Enum_js__WEBPACK_IMPORTED_MODULE_0__.RULESET : type, props, children, length, siblings)
|
|
773
837
|
}
|
|
774
838
|
|
|
775
839
|
/**
|
|
@@ -780,7 +844,7 @@ function ruleset (value, root, parent, index, offset, rules, points, type, props
|
|
|
780
844
|
* @return {object}
|
|
781
845
|
*/
|
|
782
846
|
function comment (value, root, parent, siblings) {
|
|
783
|
-
return (0,
|
|
847
|
+
return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.node)(value, root, parent, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.COMMENT, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.from)((0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.char)()), (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 2, -2), 0, siblings)
|
|
784
848
|
}
|
|
785
849
|
|
|
786
850
|
/**
|
|
@@ -792,7 +856,7 @@ function comment (value, root, parent, siblings) {
|
|
|
792
856
|
* @return {object}
|
|
793
857
|
*/
|
|
794
858
|
function declaration (value, root, parent, length, siblings) {
|
|
795
|
-
return (0,
|
|
859
|
+
return (0,_Tokenizer_js__WEBPACK_IMPORTED_MODULE_2__.node)(value, root, parent, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.DECLARATION, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, 0, length), (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, length + 1, -1), length, siblings)
|
|
796
860
|
}
|
|
797
861
|
|
|
798
862
|
|
|
@@ -808,8 +872,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
808
872
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
809
873
|
/* harmony export */ prefix: () => (/* binding */ prefix)
|
|
810
874
|
/* harmony export */ });
|
|
811
|
-
/* harmony import */ var
|
|
812
|
-
/* harmony import */ var
|
|
875
|
+
/* harmony import */ var _Enum_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enum.js */ "./node_modules/stylis/src/Enum.js");
|
|
876
|
+
/* harmony import */ var _Utility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utility.js */ "./node_modules/stylis/src/Utility.js");
|
|
813
877
|
|
|
814
878
|
|
|
815
879
|
|
|
@@ -820,10 +884,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
820
884
|
* @return {string}
|
|
821
885
|
*/
|
|
822
886
|
function prefix (value, length, children) {
|
|
823
|
-
switch ((0,
|
|
887
|
+
switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.hash)(value, length)) {
|
|
824
888
|
// color-adjust
|
|
825
889
|
case 5103:
|
|
826
|
-
return
|
|
890
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'print-' + value + value
|
|
827
891
|
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
|
|
828
892
|
case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
|
|
829
893
|
// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
|
|
@@ -832,128 +896,128 @@ function prefix (value, length, children) {
|
|
|
832
896
|
case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
|
|
833
897
|
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
|
|
834
898
|
case 6391: case 5879: case 5623: case 6135: case 4599:
|
|
835
|
-
return
|
|
899
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + value
|
|
836
900
|
// mask-composite
|
|
837
901
|
case 4855:
|
|
838
|
-
return
|
|
902
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value.replace('add', 'source-over').replace('substract', 'source-out').replace('intersect', 'source-in').replace('exclude', 'xor') + value
|
|
839
903
|
// tab-size
|
|
840
904
|
case 4789:
|
|
841
|
-
return
|
|
905
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + value + value
|
|
842
906
|
// appearance, user-select, transform, hyphens, text-size-adjust
|
|
843
907
|
case 5349: case 4246: case 4810: case 6968: case 2756:
|
|
844
|
-
return
|
|
908
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + value + value
|
|
845
909
|
// writing-mode
|
|
846
910
|
case 5936:
|
|
847
|
-
switch ((0,
|
|
911
|
+
switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 11)) {
|
|
848
912
|
// vertical-l(r)
|
|
849
913
|
case 114:
|
|
850
|
-
return
|
|
914
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
|
|
851
915
|
// vertical-r(l)
|
|
852
916
|
case 108:
|
|
853
|
-
return
|
|
917
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
|
|
854
918
|
// horizontal(-)tb
|
|
855
919
|
case 45:
|
|
856
|
-
return
|
|
920
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
|
|
857
921
|
// default: fallthrough to below
|
|
858
922
|
}
|
|
859
923
|
// flex, flex-direction, scroll-snap-type, writing-mode
|
|
860
924
|
case 6828: case 4268: case 2903:
|
|
861
|
-
return
|
|
925
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + value + value
|
|
862
926
|
// order
|
|
863
927
|
case 6165:
|
|
864
|
-
return
|
|
928
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-' + value + value
|
|
865
929
|
// align-items
|
|
866
930
|
case 5187:
|
|
867
|
-
return
|
|
931
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(\w+).+(:[^]+)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'box-$1$2' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-$1$2') + value
|
|
868
932
|
// align-self
|
|
869
933
|
case 5443:
|
|
870
|
-
return
|
|
934
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-item-' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /flex-|-self/g, '') + (!(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, /flex-|baseline/) ? _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'grid-row-' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /flex-|-self/g, '') : '') + value
|
|
871
935
|
// align-content
|
|
872
936
|
case 4675:
|
|
873
|
-
return
|
|
937
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-line-pack' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /align-content|flex-|-self/g, '') + value
|
|
874
938
|
// flex-shrink
|
|
875
939
|
case 5548:
|
|
876
|
-
return
|
|
940
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'shrink', 'negative') + value
|
|
877
941
|
// flex-basis
|
|
878
942
|
case 5292:
|
|
879
|
-
return
|
|
943
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'basis', 'preferred-size') + value
|
|
880
944
|
// flex-grow
|
|
881
945
|
case 6060:
|
|
882
|
-
return
|
|
946
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'box-' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-grow', '') + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'grow', 'positive') + value
|
|
883
947
|
// transition
|
|
884
948
|
case 4554:
|
|
885
|
-
return
|
|
949
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /([^-])(transform)/g, '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$2') + value
|
|
886
950
|
// cursor
|
|
887
951
|
case 6187:
|
|
888
|
-
return (0,
|
|
952
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(zoom-|grab)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1'), /(image-set)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1'), value, '') + value
|
|
889
953
|
// background, background-image
|
|
890
954
|
case 5495: case 3959:
|
|
891
|
-
return (0,
|
|
955
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(image-set\([^]*)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1' + '$`$1')
|
|
892
956
|
// justify-content
|
|
893
957
|
case 4968:
|
|
894
|
-
return (0,
|
|
958
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+:)(flex-)?(.*)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + 'box-pack:$3' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'flex-pack:$3'), /space-between/, 'justify') + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + value + value
|
|
895
959
|
// justify-self
|
|
896
960
|
case 4200:
|
|
897
|
-
if (!(0,
|
|
961
|
+
if (!(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, /flex-|baseline/)) return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'grid-column-align' + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.substr)(value, length) + value
|
|
898
962
|
break
|
|
899
963
|
// grid-template-(columns|rows)
|
|
900
964
|
case 2592: case 3360:
|
|
901
|
-
return
|
|
965
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'template-', '') + value
|
|
902
966
|
// grid-(row|column)-start
|
|
903
967
|
case 4384: case 3616:
|
|
904
|
-
if (children && children.some(function (element, index) { return length = index, (0,
|
|
905
|
-
return ~(0,
|
|
968
|
+
if (children && children.some(function (element, index) { return length = index, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(element.props, /grid-\w+-end/) })) {
|
|
969
|
+
return ~(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(value + (children = children[length].value), 'span', 0) ? value : (_Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-start', '') + value + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + 'grid-row-span:' + (~(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(children, 'span', 0) ? (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(children, /\d+/) : +(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(children, /\d+/) - +(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(value, /\d+/)) + ';')
|
|
906
970
|
}
|
|
907
|
-
return
|
|
971
|
+
return _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-start', '') + value
|
|
908
972
|
// grid-(row|column)-end
|
|
909
973
|
case 4896: case 4128:
|
|
910
|
-
return (children && children.some(function (element) { return (0,
|
|
974
|
+
return (children && children.some(function (element) { return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.match)(element.props, /grid-\w+-start/) })) ? value : _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, '-end', '-span'), 'span ', '') + value
|
|
911
975
|
// (margin|padding)-inline-(start|end)
|
|
912
976
|
case 4095: case 3583: case 4068: case 2532:
|
|
913
|
-
return (0,
|
|
977
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+)-inline(.+)/, _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$1$2') + value
|
|
914
978
|
// (min|max)?(width|height|inline-size|block-size)
|
|
915
979
|
case 8116: case 7059: case 5753: case 5535:
|
|
916
980
|
case 5445: case 5701: case 4933: case 4677:
|
|
917
981
|
case 5533: case 5789: case 5021: case 4765:
|
|
918
982
|
// stretch, max-content, min-content, fill-available
|
|
919
|
-
if ((0,
|
|
920
|
-
switch ((0,
|
|
983
|
+
if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.strlen)(value) - 1 - length > 6)
|
|
984
|
+
switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 1)) {
|
|
921
985
|
// (m)ax-content, (m)in-content
|
|
922
986
|
case 109:
|
|
923
987
|
// -
|
|
924
|
-
if ((0,
|
|
988
|
+
if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 4) !== 45)
|
|
925
989
|
break
|
|
926
990
|
// (f)ill-available, (f)it-content
|
|
927
991
|
case 102:
|
|
928
|
-
return (0,
|
|
992
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+:)(.+)-([^]+)/, '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$2-$3' + '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MOZ + ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
|
|
929
993
|
// (s)tretch
|
|
930
994
|
case 115:
|
|
931
|
-
return ~(0,
|
|
995
|
+
return ~(0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.indexof)(value, 'stretch', 0) ? prefix((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'stretch', 'fill-available'), length, children) + value : value
|
|
932
996
|
}
|
|
933
997
|
break
|
|
934
998
|
// grid-(column|row)
|
|
935
999
|
case 5152: case 5920:
|
|
936
|
-
return (0,
|
|
1000
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (_Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + a + ':' + b + f) + (c ? (_Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })
|
|
937
1001
|
// position: sticky
|
|
938
1002
|
case 4949:
|
|
939
1003
|
// stick(y)?
|
|
940
|
-
if ((0,
|
|
941
|
-
return (0,
|
|
1004
|
+
if ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, length + 6) === 121)
|
|
1005
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, ':', ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT) + value
|
|
942
1006
|
break
|
|
943
1007
|
// display: (flex|inline-flex|grid|inline-grid)
|
|
944
1008
|
case 6444:
|
|
945
|
-
switch ((0,
|
|
1009
|
+
switch ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, 14) === 45 ? 18 : 11)) {
|
|
946
1010
|
// (inline-)?fle(x)
|
|
947
1011
|
case 120:
|
|
948
|
-
return (0,
|
|
1012
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + ((0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.charat)(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.WEBKIT + '$2$3' + '$1' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS + '$2box$3') + value
|
|
949
1013
|
// (inline-)?gri(d)
|
|
950
1014
|
case 100:
|
|
951
|
-
return (0,
|
|
1015
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, ':', ':' + _Enum_js__WEBPACK_IMPORTED_MODULE_0__.MS) + value
|
|
952
1016
|
}
|
|
953
1017
|
break
|
|
954
1018
|
// scroll-margin, scroll-margin-(top|right|bottom|left)
|
|
955
1019
|
case 5719: case 2647: case 2135: case 3927: case 2391:
|
|
956
|
-
return (0,
|
|
1020
|
+
return (0,_Utility_js__WEBPACK_IMPORTED_MODULE_1__.replace)(value, 'scroll-', 'scroll-snap-') + value
|
|
957
1021
|
}
|
|
958
1022
|
|
|
959
1023
|
return value
|
|
@@ -1809,7 +1873,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1809
1873
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1810
1874
|
/* harmony export */ mediaQuery: () => (/* binding */ mediaQuery)
|
|
1811
1875
|
/* harmony export */ });
|
|
1812
|
-
/* harmony import */ var
|
|
1876
|
+
/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
|
|
1813
1877
|
|
|
1814
1878
|
/**
|
|
1815
1879
|
* Constructs a complete `@media` query string from an array of media rule objects.
|
|
@@ -1844,7 +1908,7 @@ const mediaQuery = (rules) => {
|
|
|
1844
1908
|
rule.resolution && ['resolution', rule.resolution],
|
|
1845
1909
|
rule.update && ['update', rule.update],
|
|
1846
1910
|
];
|
|
1847
|
-
const conditions = (0,
|
|
1911
|
+
const conditions = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.compact)(rulesConfig)
|
|
1848
1912
|
.map(ruleConfig => `(${ruleConfig[0]}: ${ruleConfig[1]})`)
|
|
1849
1913
|
.join(' and ');
|
|
1850
1914
|
const operatorPart = rule.operator ? `${rule.operator} ` : '';
|
|
@@ -1918,27 +1982,29 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1918
1982
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1919
1983
|
/* harmony export */ css: () => (/* binding */ css)
|
|
1920
1984
|
/* harmony export */ });
|
|
1921
|
-
/* harmony import */ var
|
|
1922
|
-
/* harmony import */ var
|
|
1985
|
+
/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
|
|
1986
|
+
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
|
|
1987
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.ts");
|
|
1988
|
+
|
|
1923
1989
|
|
|
1924
1990
|
|
|
1925
1991
|
const resolveCssInterpolation = (value, context) => {
|
|
1926
|
-
if (value === '' || value === false || (0,
|
|
1992
|
+
if (value === '' || value === false || (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isNil)(value)) {
|
|
1927
1993
|
return '';
|
|
1928
1994
|
}
|
|
1929
|
-
if ((0,
|
|
1930
|
-
if ((0,
|
|
1931
|
-
return `.${value[
|
|
1995
|
+
if ((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isFunction)(value)) {
|
|
1996
|
+
if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isStyledComponent)(value)) {
|
|
1997
|
+
return `.${value[_constants__WEBPACK_IMPORTED_MODULE_1__.HONEY_STYLED_COMPONENT_ID_PROP]}`;
|
|
1932
1998
|
}
|
|
1933
1999
|
return resolveCssInterpolation(value(context), context);
|
|
1934
2000
|
}
|
|
1935
2001
|
if (Array.isArray(value)) {
|
|
1936
2002
|
return value.map(v => resolveCssInterpolation(v, context)).join('\n');
|
|
1937
2003
|
}
|
|
1938
|
-
if ((0,
|
|
2004
|
+
if ((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.isObject)(value)) {
|
|
1939
2005
|
return Object.entries(value)
|
|
1940
2006
|
.filter(([, v]) => v !== undefined && v !== false)
|
|
1941
|
-
.map(([k, v]) => `${(0,
|
|
2007
|
+
.map(([k, v]) => `${(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.toKebabCase)(k)}: ${v};`)
|
|
1942
2008
|
.join('\n');
|
|
1943
2009
|
}
|
|
1944
2010
|
return value.toString?.() ?? '';
|
|
@@ -1968,7 +2034,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1968
2034
|
/* harmony export */ createStackAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.createStackAtRuleMiddleware),
|
|
1969
2035
|
/* harmony export */ css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_4__.css),
|
|
1970
2036
|
/* harmony export */ mediaQuery: () => (/* reexport safe */ _at_rules__WEBPACK_IMPORTED_MODULE_5__.mediaQuery),
|
|
1971
|
-
/* harmony export */ processCss: () => (/* reexport safe */ _processor__WEBPACK_IMPORTED_MODULE_3__.processCss)
|
|
2037
|
+
/* harmony export */ processCss: () => (/* reexport safe */ _processor__WEBPACK_IMPORTED_MODULE_3__.processCss),
|
|
2038
|
+
/* harmony export */ suggestAtRuleMiddleware: () => (/* reexport safe */ _middlewares__WEBPACK_IMPORTED_MODULE_2__.suggestAtRuleMiddleware)
|
|
1972
2039
|
/* harmony export */ });
|
|
1973
2040
|
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./types */ "./src/css/types.ts");
|
|
1974
2041
|
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/css/constants.ts");
|
|
@@ -2088,8 +2155,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2088
2155
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2089
2156
|
/* harmony export */ createAtRuleMiddleware: () => (/* binding */ createAtRuleMiddleware)
|
|
2090
2157
|
/* harmony export */ });
|
|
2091
|
-
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/
|
|
2092
|
-
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/
|
|
2158
|
+
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Parser.js");
|
|
2159
|
+
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
|
|
2093
2160
|
|
|
2094
2161
|
/**
|
|
2095
2162
|
* Creates a Stylis middleware for transforming custom `@honey-*` at-rules into
|
|
@@ -2144,10 +2211,10 @@ const createAtRuleMiddleware = ({ name, transform, }) => {
|
|
|
2144
2211
|
const args = argsMatch ? argsMatch[1].split(' ').filter(Boolean) : undefined;
|
|
2145
2212
|
const transformedCSS = transform(args, element, name);
|
|
2146
2213
|
const serializedChildren = Array.isArray(element.children)
|
|
2147
|
-
? (0,
|
|
2214
|
+
? (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)(element.children, callback)
|
|
2148
2215
|
: '';
|
|
2149
2216
|
element.type = 'decl';
|
|
2150
|
-
element.return = (0,
|
|
2217
|
+
element.return = (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)((0,stylis__WEBPACK_IMPORTED_MODULE_0__.compile)(`${parentSelector}{${transformedCSS}${serializedChildren}}`), callback);
|
|
2151
2218
|
};
|
|
2152
2219
|
};
|
|
2153
2220
|
|
|
@@ -2167,7 +2234,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2167
2234
|
/* harmony export */ createEllipsisAtRuleMiddleware: () => (/* reexport safe */ _ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_5__.createEllipsisAtRuleMiddleware),
|
|
2168
2235
|
/* harmony export */ createInlineAtRuleMiddleware: () => (/* reexport safe */ _inline_at_rule__WEBPACK_IMPORTED_MODULE_2__.createInlineAtRuleMiddleware),
|
|
2169
2236
|
/* harmony export */ createSpacingMiddleware: () => (/* reexport safe */ _spacing__WEBPACK_IMPORTED_MODULE_0__.createSpacingMiddleware),
|
|
2170
|
-
/* harmony export */ createStackAtRuleMiddleware: () => (/* reexport safe */ _stack_at_rule__WEBPACK_IMPORTED_MODULE_1__.createStackAtRuleMiddleware)
|
|
2237
|
+
/* harmony export */ createStackAtRuleMiddleware: () => (/* reexport safe */ _stack_at_rule__WEBPACK_IMPORTED_MODULE_1__.createStackAtRuleMiddleware),
|
|
2238
|
+
/* harmony export */ suggestAtRuleMiddleware: () => (/* reexport safe */ _suggest__WEBPACK_IMPORTED_MODULE_6__.suggestAtRuleMiddleware)
|
|
2171
2239
|
/* harmony export */ });
|
|
2172
2240
|
/* harmony import */ var _spacing__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./spacing */ "./src/css/middlewares/spacing.ts");
|
|
2173
2241
|
/* harmony import */ var _stack_at_rule__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./stack-at-rule */ "./src/css/middlewares/stack-at-rule.ts");
|
|
@@ -2175,6 +2243,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2175
2243
|
/* harmony import */ var _center_at_rule__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./center-at-rule */ "./src/css/middlewares/center-at-rule.ts");
|
|
2176
2244
|
/* harmony import */ var _absolute_fill_at_rule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./absolute-fill-at-rule */ "./src/css/middlewares/absolute-fill-at-rule.ts");
|
|
2177
2245
|
/* harmony import */ var _ellipsis_at_rule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ellipsis-at-rule */ "./src/css/middlewares/ellipsis-at-rule.ts");
|
|
2246
|
+
/* harmony import */ var _suggest__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./suggest */ "./src/css/middlewares/suggest.ts");
|
|
2247
|
+
|
|
2178
2248
|
|
|
2179
2249
|
|
|
2180
2250
|
|
|
@@ -2197,13 +2267,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2197
2267
|
/* harmony export */ });
|
|
2198
2268
|
/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
|
|
2199
2269
|
|
|
2200
|
-
const createInlineAtRuleMiddleware = ({
|
|
2270
|
+
const createInlineAtRuleMiddleware = ({ spacing = 0, } = {}) => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
|
|
2201
2271
|
name: 'inline',
|
|
2202
2272
|
transform: args => {
|
|
2203
2273
|
const declarations = ['display:flex;', 'align-items:center;'];
|
|
2204
2274
|
if (args?.length) {
|
|
2205
2275
|
const isNumber = /^-?\d*\.?\d+$/.test(args[0]);
|
|
2206
|
-
const gap = isNumber ? `${parseFloat(args[0]) *
|
|
2276
|
+
const gap = isNumber ? `${parseFloat(args[0]) * spacing}px` : args;
|
|
2207
2277
|
declarations.push(`gap:${gap};`);
|
|
2208
2278
|
}
|
|
2209
2279
|
return declarations.join('');
|
|
@@ -2227,7 +2297,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2227
2297
|
|
|
2228
2298
|
const toKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
|
|
2229
2299
|
const KEBAB_CASE_SPACING_PROPERTIES = _constants__WEBPACK_IMPORTED_MODULE_0__.CSS_SPACING_PROPERTIES.map(toKebabCase);
|
|
2230
|
-
const createSpacingMiddleware = ({
|
|
2300
|
+
const createSpacingMiddleware = ({ spacing = 0 }) => element => {
|
|
2231
2301
|
if (element.type !== 'decl') {
|
|
2232
2302
|
return;
|
|
2233
2303
|
}
|
|
@@ -2243,7 +2313,7 @@ const createSpacingMiddleware = ({ spacingMultiplier = 0 }) => element => {
|
|
|
2243
2313
|
for (const value of parts) {
|
|
2244
2314
|
transformedParts.push(
|
|
2245
2315
|
// Accept only numeric strings (integers or floats), no units or symbols
|
|
2246
|
-
/^-?\d*\.?\d+$/.test(value) ? `${parseFloat(value) *
|
|
2316
|
+
/^-?\d*\.?\d+$/.test(value) ? `${parseFloat(value) * spacing}px` : value);
|
|
2247
2317
|
}
|
|
2248
2318
|
const transformed = transformedParts.join(' ');
|
|
2249
2319
|
element.return = `${element.props}:${transformed};`;
|
|
@@ -2265,13 +2335,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2265
2335
|
/* harmony export */ });
|
|
2266
2336
|
/* harmony import */ var _factory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./factory */ "./src/css/middlewares/factory.ts");
|
|
2267
2337
|
|
|
2268
|
-
const createStackAtRuleMiddleware = ({
|
|
2338
|
+
const createStackAtRuleMiddleware = ({ spacing = 0 }) => (0,_factory__WEBPACK_IMPORTED_MODULE_0__.createAtRuleMiddleware)({
|
|
2269
2339
|
name: 'stack',
|
|
2270
2340
|
transform: args => {
|
|
2271
2341
|
const declarations = ['display:flex;', 'flex-direction:column;'];
|
|
2272
2342
|
if (args?.length) {
|
|
2273
2343
|
const isNumber = /^-?\d*\.?\d+$/.test(args[0]);
|
|
2274
|
-
const gap = isNumber ? `${parseFloat(args[0]) *
|
|
2344
|
+
const gap = isNumber ? `${parseFloat(args[0]) * spacing}px` : args;
|
|
2275
2345
|
declarations.push(`gap:${gap};`);
|
|
2276
2346
|
}
|
|
2277
2347
|
return declarations.join('');
|
|
@@ -2279,6 +2349,63 @@ const createStackAtRuleMiddleware = ({ spacingMultiplier = 0, }) => (0,_factory_
|
|
|
2279
2349
|
});
|
|
2280
2350
|
|
|
2281
2351
|
|
|
2352
|
+
/***/ }),
|
|
2353
|
+
|
|
2354
|
+
/***/ "./src/css/middlewares/suggest.ts":
|
|
2355
|
+
/*!****************************************!*\
|
|
2356
|
+
!*** ./src/css/middlewares/suggest.ts ***!
|
|
2357
|
+
\****************************************/
|
|
2358
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
2359
|
+
|
|
2360
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2361
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2362
|
+
/* harmony export */ suggestAtRuleMiddleware: () => (/* binding */ suggestAtRuleMiddleware)
|
|
2363
|
+
/* harmony export */ });
|
|
2364
|
+
const collectDeclarations = (rule) => {
|
|
2365
|
+
if (!rule.children || !Array.isArray(rule.children)) {
|
|
2366
|
+
return [];
|
|
2367
|
+
}
|
|
2368
|
+
return rule.children
|
|
2369
|
+
.filter(child => child.type === 'decl' &&
|
|
2370
|
+
typeof child.props === 'string' &&
|
|
2371
|
+
typeof child.children === 'string')
|
|
2372
|
+
.map(child => ({
|
|
2373
|
+
prop: child.props,
|
|
2374
|
+
value: child.children,
|
|
2375
|
+
}));
|
|
2376
|
+
};
|
|
2377
|
+
const knownPatterns = [
|
|
2378
|
+
{
|
|
2379
|
+
name: '@honey-center',
|
|
2380
|
+
match: (declarations) => declarations.some(d => d.prop === 'display' && d.value === 'flex') &&
|
|
2381
|
+
declarations.some(d => d.prop === 'align-items' && d.value === 'center') &&
|
|
2382
|
+
declarations.some(d => d.prop === 'justify-content' && d.value === 'center'),
|
|
2383
|
+
},
|
|
2384
|
+
{
|
|
2385
|
+
name: '@honey-stack',
|
|
2386
|
+
match: (declarations) => declarations.some(d => d.prop === 'display' && d.value === 'flex') &&
|
|
2387
|
+
declarations.some(d => d.prop === 'flex-direction' && d.value === 'column'),
|
|
2388
|
+
},
|
|
2389
|
+
{
|
|
2390
|
+
name: '@honey-inline',
|
|
2391
|
+
match: (declarations) => declarations.some(d => d.prop === 'display' && d.value === 'flex') &&
|
|
2392
|
+
declarations.some(d => d.prop === 'align-items' && d.value === 'center'),
|
|
2393
|
+
},
|
|
2394
|
+
];
|
|
2395
|
+
const suggestAtRuleMiddleware = element => {
|
|
2396
|
+
if (element.type !== 'rule' || !element.children) {
|
|
2397
|
+
return;
|
|
2398
|
+
}
|
|
2399
|
+
const declarations = collectDeclarations(element);
|
|
2400
|
+
for (const pattern of knownPatterns) {
|
|
2401
|
+
if (pattern.match(declarations)) {
|
|
2402
|
+
console.info(`[@react-hive/honey-style]: The CSS rule "${element.value}" can be simplified using the shorthand at-rule "${pattern.name}".`);
|
|
2403
|
+
break;
|
|
2404
|
+
}
|
|
2405
|
+
}
|
|
2406
|
+
};
|
|
2407
|
+
|
|
2408
|
+
|
|
2282
2409
|
/***/ }),
|
|
2283
2410
|
|
|
2284
2411
|
/***/ "./src/css/processor.ts":
|
|
@@ -2291,24 +2418,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2291
2418
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2292
2419
|
/* harmony export */ processCss: () => (/* binding */ processCss)
|
|
2293
2420
|
/* harmony export */ });
|
|
2421
|
+
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Parser.js");
|
|
2294
2422
|
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
|
|
2295
|
-
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/
|
|
2296
|
-
/* harmony import */ var
|
|
2297
|
-
/* harmony import */ var
|
|
2423
|
+
/* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Middleware.js");
|
|
2424
|
+
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.ts");
|
|
2425
|
+
/* harmony import */ var _middlewares__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./middlewares */ "./src/css/middlewares/index.ts");
|
|
2426
|
+
|
|
2298
2427
|
|
|
2299
2428
|
|
|
2300
|
-
const processCss = (rawCss, selector, {
|
|
2429
|
+
const processCss = (rawCss, selector, { spacing } = {}) => {
|
|
2301
2430
|
const scopedCss = selector ? `${selector}{${rawCss}}` : rawCss;
|
|
2302
|
-
const middlewares = [
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
(0,_middlewares__WEBPACK_IMPORTED_MODULE_0__.createSpacingMiddleware)({ spacingMultiplier }),
|
|
2309
|
-
stylis__WEBPACK_IMPORTED_MODULE_1__.stringify,
|
|
2310
|
-
];
|
|
2311
|
-
return (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)((0,stylis__WEBPACK_IMPORTED_MODULE_2__.compile)(scopedCss), (0,stylis__WEBPACK_IMPORTED_MODULE_3__.middleware)(middlewares));
|
|
2431
|
+
const middlewares = [];
|
|
2432
|
+
if (_constants__WEBPACK_IMPORTED_MODULE_3__.__DEV__) {
|
|
2433
|
+
// middlewares.push(suggestAtRuleMiddleware);
|
|
2434
|
+
}
|
|
2435
|
+
middlewares.push((0,_middlewares__WEBPACK_IMPORTED_MODULE_4__.createStackAtRuleMiddleware)({ spacing }), (0,_middlewares__WEBPACK_IMPORTED_MODULE_4__.createInlineAtRuleMiddleware)({ spacing }), (0,_middlewares__WEBPACK_IMPORTED_MODULE_4__.createCenterAtRuleMiddleware)(), (0,_middlewares__WEBPACK_IMPORTED_MODULE_4__.createEllipsisAtRuleMiddleware)(), (0,_middlewares__WEBPACK_IMPORTED_MODULE_4__.createAbsoluteFillAtRuleMiddleware)(), (0,_middlewares__WEBPACK_IMPORTED_MODULE_4__.createSpacingMiddleware)({ spacing }), stylis__WEBPACK_IMPORTED_MODULE_1__.stringify);
|
|
2436
|
+
return (0,stylis__WEBPACK_IMPORTED_MODULE_1__.serialize)((0,stylis__WEBPACK_IMPORTED_MODULE_0__.compile)(scopedCss), (0,stylis__WEBPACK_IMPORTED_MODULE_2__.middleware)(middlewares));
|
|
2312
2437
|
};
|
|
2313
2438
|
|
|
2314
2439
|
|
|
@@ -2400,14 +2525,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2400
2525
|
/* harmony export */ });
|
|
2401
2526
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
2402
2527
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
2403
|
-
/* harmony import */ var
|
|
2528
|
+
/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
|
|
2404
2529
|
/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts */ "./src/contexts/index.ts");
|
|
2405
2530
|
|
|
2406
2531
|
|
|
2407
2532
|
|
|
2408
2533
|
const useHoneyStyle = () => {
|
|
2409
2534
|
const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_2__.HoneyStyleContext);
|
|
2410
|
-
(0,
|
|
2535
|
+
(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.assert)(context, 'The `useHoneyStyle()` hook must be used inside <HoneyStyleProvider/> component!');
|
|
2411
2536
|
return context;
|
|
2412
2537
|
};
|
|
2413
2538
|
|
|
@@ -2568,11 +2693,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2568
2693
|
/* harmony export */ });
|
|
2569
2694
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
2570
2695
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
2571
|
-
/* harmony import */ var
|
|
2572
|
-
/* harmony import */ var
|
|
2573
|
-
/* harmony import */ var
|
|
2574
|
-
/* harmony import */ var
|
|
2575
|
-
/* harmony import */ var
|
|
2696
|
+
/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
|
|
2697
|
+
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");
|
|
2698
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.ts");
|
|
2699
|
+
/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./css */ "./src/css/index.ts");
|
|
2700
|
+
/* harmony import */ var _mount_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mount-style */ "./src/mount-style.ts");
|
|
2701
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks */ "./src/hooks/index.ts");
|
|
2702
|
+
|
|
2576
2703
|
|
|
2577
2704
|
|
|
2578
2705
|
|
|
@@ -2583,23 +2710,23 @@ const evaluateDynamicCss = (interpolation, context) => {
|
|
|
2583
2710
|
if (!interpolation) {
|
|
2584
2711
|
return '';
|
|
2585
2712
|
}
|
|
2586
|
-
if ((0,
|
|
2713
|
+
if ((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isString)(interpolation)) {
|
|
2587
2714
|
return interpolation;
|
|
2588
2715
|
}
|
|
2589
2716
|
// @ts-expect-error
|
|
2590
|
-
return (0,
|
|
2717
|
+
return (0,_css__WEBPACK_IMPORTED_MODULE_4__.css)([''], [interpolation])(context);
|
|
2591
2718
|
};
|
|
2592
2719
|
const styled = (target, defaultProps) => {
|
|
2593
2720
|
return (strings, ...interpolations) => {
|
|
2594
|
-
const componentId = (0,
|
|
2595
|
-
const computeCss = (0,
|
|
2721
|
+
const componentId = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.generateId)('hsc');
|
|
2722
|
+
const computeCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.css)(strings, ...interpolations);
|
|
2596
2723
|
const StyledComponent = ({ as, className, __compositionDepth = 0, css: cssProp, ...props }) => {
|
|
2597
|
-
if (
|
|
2724
|
+
if (_constants__WEBPACK_IMPORTED_MODULE_2__.__DEV__ && cssProp) {
|
|
2598
2725
|
console.warn(`[@react-hive/honey-style]: The "css" prop is deprecated. Please use inheritance or composition instead.`);
|
|
2599
2726
|
}
|
|
2600
|
-
const { theme } = (0,
|
|
2727
|
+
const { theme } = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useHoneyStyle)();
|
|
2601
2728
|
const cleanedProps = Object.fromEntries(Object.entries(props).filter(([, value]) => value !== undefined));
|
|
2602
|
-
const resolvedDefaultProps = (0,
|
|
2729
|
+
const resolvedDefaultProps = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isFunction)(defaultProps)
|
|
2603
2730
|
? defaultProps({ theme, as, className, ...cleanedProps })
|
|
2604
2731
|
: (defaultProps ?? {});
|
|
2605
2732
|
const context = {
|
|
@@ -2608,47 +2735,47 @@ const styled = (target, defaultProps) => {
|
|
|
2608
2735
|
theme,
|
|
2609
2736
|
};
|
|
2610
2737
|
const rawCss = computeCss(context);
|
|
2611
|
-
const baseClassName = (0,
|
|
2738
|
+
const baseClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(rawCss);
|
|
2612
2739
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
|
|
2613
|
-
const baseCss = (0,
|
|
2614
|
-
|
|
2740
|
+
const baseCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(rawCss, `.${baseClassName}`, {
|
|
2741
|
+
spacing: theme.spacings.base,
|
|
2615
2742
|
});
|
|
2616
|
-
return (0,
|
|
2743
|
+
return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(baseClassName, baseCss, __compositionDepth);
|
|
2617
2744
|
}, [baseClassName]);
|
|
2618
|
-
const cssPropRaw = (0,
|
|
2745
|
+
const cssPropRaw = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isFunction)(cssProp) ? cssProp(context) : cssProp;
|
|
2619
2746
|
const cssPropString = evaluateDynamicCss(cssPropRaw, context);
|
|
2620
|
-
const cssPropClassName = cssPropString ? (0,
|
|
2747
|
+
const cssPropClassName = cssPropString ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.resolveClassName)(cssPropString) : '';
|
|
2621
2748
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)(() => {
|
|
2622
2749
|
if (cssPropClassName) {
|
|
2623
|
-
const overrideCss = (0,
|
|
2624
|
-
|
|
2750
|
+
const overrideCss = (0,_css__WEBPACK_IMPORTED_MODULE_4__.processCss)(cssPropString, `.${cssPropClassName}`, {
|
|
2751
|
+
spacing: theme.spacings.base,
|
|
2625
2752
|
});
|
|
2626
|
-
return (0,
|
|
2753
|
+
return (0,_mount_style__WEBPACK_IMPORTED_MODULE_5__.mountStyle)(cssPropClassName, overrideCss, 1);
|
|
2627
2754
|
}
|
|
2628
2755
|
}, [cssPropClassName]);
|
|
2629
2756
|
const mergedProps = {
|
|
2630
2757
|
...resolvedDefaultProps,
|
|
2631
2758
|
...cleanedProps,
|
|
2632
|
-
className: (0,
|
|
2759
|
+
className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.combineClassNames)([componentId, baseClassName, className, cssPropClassName]),
|
|
2633
2760
|
};
|
|
2634
2761
|
const finalComponent = as || target;
|
|
2635
|
-
if ((0,
|
|
2636
|
-
const filteredProps = (0,
|
|
2637
|
-
? (0,
|
|
2762
|
+
if ((0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isString)(target)) {
|
|
2763
|
+
const filteredProps = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isString)(finalComponent)
|
|
2764
|
+
? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.filterNonHtmlAttrs)(mergedProps)
|
|
2638
2765
|
: mergedProps;
|
|
2639
2766
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(finalComponent, filteredProps);
|
|
2640
2767
|
}
|
|
2641
2768
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(target, {
|
|
2642
2769
|
...mergedProps,
|
|
2643
2770
|
...(as && { as }),
|
|
2644
|
-
...((0,
|
|
2771
|
+
...((0,_utils__WEBPACK_IMPORTED_MODULE_3__.isStyledComponent)(target) && {
|
|
2645
2772
|
__compositionDepth: __compositionDepth - 1,
|
|
2646
2773
|
}),
|
|
2647
2774
|
});
|
|
2648
2775
|
};
|
|
2649
|
-
StyledComponent[
|
|
2650
|
-
if (
|
|
2651
|
-
const componentName = (0,
|
|
2776
|
+
StyledComponent[_constants__WEBPACK_IMPORTED_MODULE_2__.HONEY_STYLED_COMPONENT_ID_PROP] = componentId;
|
|
2777
|
+
if (_constants__WEBPACK_IMPORTED_MODULE_2__.__DEV__) {
|
|
2778
|
+
const componentName = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isString)(target)
|
|
2652
2779
|
? target
|
|
2653
2780
|
: target.displayName || target.name || 'Component';
|
|
2654
2781
|
StyledComponent.displayName = `HoneyStyledComponent(${componentName})`;
|
|
@@ -2708,100 +2835,34 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2708
2835
|
|
|
2709
2836
|
__webpack_require__.r(__webpack_exports__);
|
|
2710
2837
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2711
|
-
/* harmony export */ assert: () => (/* binding */ assert),
|
|
2712
|
-
/* harmony export */ boolFilter: () => (/* binding */ boolFilter),
|
|
2713
2838
|
/* harmony export */ checkIsThemeColorValue: () => (/* binding */ checkIsThemeColorValue),
|
|
2714
2839
|
/* harmony export */ combineClassNames: () => (/* binding */ combineClassNames),
|
|
2715
2840
|
/* harmony export */ convertHexToHexWithAlpha: () => (/* binding */ convertHexToHexWithAlpha),
|
|
2716
2841
|
/* harmony export */ filterNonHtmlAttrs: () => (/* binding */ filterNonHtmlAttrs),
|
|
2717
2842
|
/* harmony export */ generateId: () => (/* binding */ generateId),
|
|
2718
|
-
/* harmony export */ isFunction: () => (/* binding */ isFunction),
|
|
2719
|
-
/* harmony export */ isNil: () => (/* binding */ isNil),
|
|
2720
|
-
/* harmony export */ isObject: () => (/* binding */ isObject),
|
|
2721
|
-
/* harmony export */ isString: () => (/* binding */ isString),
|
|
2722
2843
|
/* harmony export */ isStyledComponent: () => (/* binding */ isStyledComponent),
|
|
2723
2844
|
/* harmony export */ pxToRem: () => (/* binding */ pxToRem),
|
|
2724
2845
|
/* harmony export */ resolveClassName: () => (/* binding */ resolveClassName),
|
|
2725
2846
|
/* harmony export */ resolveColor: () => (/* binding */ resolveColor),
|
|
2726
2847
|
/* harmony export */ resolveDimension: () => (/* binding */ resolveDimension),
|
|
2727
2848
|
/* harmony export */ resolveFont: () => (/* binding */ resolveFont),
|
|
2728
|
-
/* harmony export */ resolveSpacing: () => (/* binding */ resolveSpacing)
|
|
2729
|
-
/* harmony export */ toKebabCase: () => (/* binding */ toKebabCase)
|
|
2849
|
+
/* harmony export */ resolveSpacing: () => (/* binding */ resolveSpacing)
|
|
2730
2850
|
/* harmony export */ });
|
|
2731
|
-
/* harmony import */ var
|
|
2732
|
-
/* harmony import */ var
|
|
2851
|
+
/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
|
|
2852
|
+
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");
|
|
2853
|
+
/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./css */ "./src/css/index.ts");
|
|
2854
|
+
|
|
2733
2855
|
|
|
2734
2856
|
|
|
2735
|
-
function assert(condition, message) {
|
|
2736
|
-
if (!condition) {
|
|
2737
|
-
throw new Error(message);
|
|
2738
|
-
}
|
|
2739
|
-
}
|
|
2740
2857
|
const generateId = (prefix) => `${prefix}-${Math.random().toString(36).slice(2, 8)}`;
|
|
2741
|
-
const toKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
|
|
2742
|
-
const isString = (value) => typeof value === 'string';
|
|
2743
|
-
const isObject = (value) => typeof value === 'object';
|
|
2744
|
-
const isFunction = (value) => typeof value === 'function';
|
|
2745
|
-
/**
|
|
2746
|
-
* Checks if a value is null or undefined.
|
|
2747
|
-
*
|
|
2748
|
-
* @param value - The value to check.
|
|
2749
|
-
*
|
|
2750
|
-
* @returns `true` if the value is `null` or `undefined`, otherwise `false`.
|
|
2751
|
-
*/
|
|
2752
|
-
const isNil = (value) => value === undefined || value === null;
|
|
2753
|
-
/**
|
|
2754
|
-
* Filters out `null`, `undefined`, and other falsy values from an array,
|
|
2755
|
-
* returning a typed array of only truthy `Item` values.
|
|
2756
|
-
*
|
|
2757
|
-
* Useful when working with optional or nullable items that need to be sanitized.
|
|
2758
|
-
*
|
|
2759
|
-
* @template T - The type of the items in the array.
|
|
2760
|
-
*
|
|
2761
|
-
* @param array - An array of items that may include `null`, `undefined`, or falsy values.
|
|
2762
|
-
*
|
|
2763
|
-
* @returns A new array containing only truthy `Item` values.
|
|
2764
|
-
*/
|
|
2765
|
-
const boolFilter = (array) => array.filter(Boolean);
|
|
2766
|
-
/**
|
|
2767
|
-
* Generates a short, consistent hash string from an input string using a DJB2-inspired algorithm.
|
|
2768
|
-
*
|
|
2769
|
-
* This function uses a variation of the DJB2 algorithm, which is a simple yet effective hashing algorithm
|
|
2770
|
-
* based on bitwise XOR (`^`) and multiplication by 33. It produces a non-negative 32-bit integer,
|
|
2771
|
-
* which is then converted to a base-36 string (digits + lowercase letters) to produce a compact output.
|
|
2772
|
-
*
|
|
2773
|
-
* Useful for:
|
|
2774
|
-
* - Generating stable class names in CSS-in-JS libraries.
|
|
2775
|
-
* - Producing consistent cache keys.
|
|
2776
|
-
* - Quick and lightweight hashing needs where cryptographic security is not required.
|
|
2777
|
-
*
|
|
2778
|
-
* ⚠️ This is not cryptographically secure and should not be used for hashing passwords or sensitive data.
|
|
2779
|
-
*
|
|
2780
|
-
* @param str - The input string to hash.
|
|
2781
|
-
*
|
|
2782
|
-
* @returns A short, base-36 encoded hash string.
|
|
2783
|
-
*
|
|
2784
|
-
* @example
|
|
2785
|
-
* ```ts
|
|
2786
|
-
* const className = hashString('background-color: red;');
|
|
2787
|
-
* // → 'e4k1z0x'
|
|
2788
|
-
* ```
|
|
2789
|
-
*/
|
|
2790
|
-
const hashString = (str) => {
|
|
2791
|
-
let hash = 5381;
|
|
2792
|
-
for (let i = 0; i < str.length; i++) {
|
|
2793
|
-
hash = (hash * 33) ^ str.charCodeAt(i);
|
|
2794
|
-
}
|
|
2795
|
-
return (hash >>> 0).toString(36);
|
|
2796
|
-
};
|
|
2797
2858
|
/**
|
|
2798
2859
|
* Combines multiple class names into a single space-separated string
|
|
2799
2860
|
*
|
|
2800
2861
|
* @param classNames - Array of class names to combine
|
|
2801
2862
|
*/
|
|
2802
2863
|
const combineClassNames = (classNames) => classNames.filter(Boolean).join(' ').trim();
|
|
2803
|
-
const resolveClassName = (css) => `hscn-${hashString(css)}`;
|
|
2804
|
-
const isStyledComponent = (component) =>
|
|
2864
|
+
const resolveClassName = (css) => `hscn-${(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_0__.hashString)(css)}`;
|
|
2865
|
+
const isStyledComponent = (component) => _constants__WEBPACK_IMPORTED_MODULE_1__.HONEY_STYLED_COMPONENT_ID_PROP in component;
|
|
2805
2866
|
/**
|
|
2806
2867
|
* Filters out non-standard HTML attributes from a props object intended for a native HTML element.
|
|
2807
2868
|
*
|
|
@@ -2820,7 +2881,7 @@ const isStyledComponent = (component) => _constants__WEBPACK_IMPORTED_MODULE_0__
|
|
|
2820
2881
|
* @returns A new object containing only props that are safe and valid for use on native DOM elements.
|
|
2821
2882
|
*/
|
|
2822
2883
|
const filterNonHtmlAttrs = (attrs) => Object.entries(attrs).reduce((allowedAttrs, [name, value]) => {
|
|
2823
|
-
if (
|
|
2884
|
+
if (_constants__WEBPACK_IMPORTED_MODULE_1__.VALID_DOM_ELEMENT_ATTRS.has(name) || name.startsWith('data-') || name.startsWith('aria-')) {
|
|
2824
2885
|
allowedAttrs[name] = value;
|
|
2825
2886
|
}
|
|
2826
2887
|
return allowedAttrs;
|
|
@@ -2893,7 +2954,7 @@ const resolveSpacing = (value, unit = 'px', type = 'base') => ({ theme }) => {
|
|
|
2893
2954
|
*/
|
|
2894
2955
|
const resolveFont = (fontName) => ({ theme }) => {
|
|
2895
2956
|
const font = theme.fonts[fontName];
|
|
2896
|
-
return (0,
|
|
2957
|
+
return (0,_css__WEBPACK_IMPORTED_MODULE_2__.css) `
|
|
2897
2958
|
font-family: ${font.family};
|
|
2898
2959
|
font-size: ${pxToRem(font.size)};
|
|
2899
2960
|
font-weight: ${font.weight};
|
|
@@ -3066,8 +3127,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3066
3127
|
/* harmony export */ HoneyStyleProvider: () => (/* reexport safe */ _providers__WEBPACK_IMPORTED_MODULE_2__.HoneyStyleProvider),
|
|
3067
3128
|
/* harmony export */ VALID_DOM_ELEMENT_ATTRS: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.VALID_DOM_ELEMENT_ATTRS),
|
|
3068
3129
|
/* harmony export */ __DEV__: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.__DEV__),
|
|
3069
|
-
/* harmony export */ assert: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.assert),
|
|
3070
|
-
/* harmony export */ boolFilter: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.boolFilter),
|
|
3071
3130
|
/* harmony export */ checkIsThemeColorValue: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.checkIsThemeColorValue),
|
|
3072
3131
|
/* harmony export */ combineClassNames: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.combineClassNames),
|
|
3073
3132
|
/* harmony export */ convertHexToHexWithAlpha: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.convertHexToHexWithAlpha),
|
|
@@ -3081,10 +3140,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3081
3140
|
/* harmony export */ css: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.css),
|
|
3082
3141
|
/* harmony export */ filterNonHtmlAttrs: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.filterNonHtmlAttrs),
|
|
3083
3142
|
/* harmony export */ generateId: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.generateId),
|
|
3084
|
-
/* harmony export */ isFunction: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isFunction),
|
|
3085
|
-
/* harmony export */ isNil: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isNil),
|
|
3086
|
-
/* harmony export */ isObject: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isObject),
|
|
3087
|
-
/* harmony export */ isString: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isString),
|
|
3088
3143
|
/* harmony export */ isStyledComponent: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.isStyledComponent),
|
|
3089
3144
|
/* harmony export */ mediaQuery: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.mediaQuery),
|
|
3090
3145
|
/* harmony export */ processCss: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.processCss),
|
|
@@ -3095,7 +3150,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3095
3150
|
/* harmony export */ resolveFont: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.resolveFont),
|
|
3096
3151
|
/* harmony export */ resolveSpacing: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_8__.resolveSpacing),
|
|
3097
3152
|
/* harmony export */ styled: () => (/* reexport safe */ _styled__WEBPACK_IMPORTED_MODULE_7__.styled),
|
|
3098
|
-
/* harmony export */
|
|
3153
|
+
/* harmony export */ suggestAtRuleMiddleware: () => (/* reexport safe */ _css__WEBPACK_IMPORTED_MODULE_5__.suggestAtRuleMiddleware),
|
|
3099
3154
|
/* harmony export */ useHoneyStyle: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.useHoneyStyle)
|
|
3100
3155
|
/* harmony export */ });
|
|
3101
3156
|
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./src/constants.ts");
|