@tamagui/web 3.0.0-beta.1574.1 → 3.0.0-beta.1598.1

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.
Files changed (21) hide show
  1. package/dist/cjs/helpers/getSplitStyles.cjs +4 -3
  2. package/dist/cjs/helpers/getSplitStyles.native.cjs +4 -3
  3. package/dist/cjs/helpers/getSplitStyles.native.js +4 -3
  4. package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
  5. package/dist/cjs/hooks/useMedia.cjs +24 -31
  6. package/dist/cjs/hooks/useMedia.native.cjs +42 -48
  7. package/dist/cjs/hooks/useMedia.native.js +42 -48
  8. package/dist/cjs/hooks/useMedia.native.js.map +1 -1
  9. package/dist/esm/helpers/getSplitStyles.mjs +4 -3
  10. package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
  11. package/dist/esm/helpers/getSplitStyles.native.js +4 -3
  12. package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
  13. package/dist/esm/hooks/useMedia.mjs +24 -31
  14. package/dist/esm/hooks/useMedia.mjs.map +1 -1
  15. package/dist/esm/hooks/useMedia.native.js +42 -48
  16. package/dist/esm/hooks/useMedia.native.js.map +1 -1
  17. package/package.json +17 -17
  18. package/src/helpers/getSplitStyles.tsx +7 -3
  19. package/src/hooks/useMedia.tsx +28 -42
  20. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  21. package/types/hooks/useMedia.d.ts.map +1 -1
package/dist/cjs/helpers/getSplitStyles.cjs CHANGED
@@ -423,9 +423,10 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
423
423
  continue;
424
424
  }
425
425
  const styleOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style) : void 0;
426
- for (const key in style) {
427
- const value = style[key];
426
+ for (const authoredKey in style) {
427
+ const value = style[authoredKey];
428
428
  if (value == null) continue;
429
+ const key = disableExpandShorthands ? authoredKey : shorthands[authoredKey] || authoredKey;
429
430
  let inline = !styleState.styleProps.stylePieceEntries;
430
431
  if (key === "containerName") {
431
432
  pass[passContainerName] = value;
@@ -444,7 +445,7 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
444
445
  } else if (value && typeof value === "object" && !Array.isArray(value) && !(0, import_createVariable.isVariable)(value) && classifyConditionalObject(value, styleState) !== 0) inline = false;
445
446
  }
446
447
  styleState.flatInlineStyleProp = inline;
447
- contributeValue(styleState, key, value, styleOriginals?.[key]);
448
+ contributeValue(styleState, key, value, styleOriginals?.[authoredKey]);
448
449
  styleState.flatInlineStyleProp = false;
449
450
  }
450
451
  }
package/dist/cjs/helpers/getSplitStyles.native.cjs CHANGED
@@ -483,9 +483,10 @@ function contributeProp(pass, keyOg, valOg) {
483
483
  continue;
484
484
  }
485
485
  var styleOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style) : void 0;
486
- for (var key1 in style) {
487
- var value1 = style[key1];
486
+ for (var authoredKey in style) {
487
+ var value1 = style[authoredKey];
488
488
  if (value1 == null) continue;
489
+ var key1 = disableExpandShorthands ? authoredKey : shorthands[authoredKey] || authoredKey;
489
490
  var inline = !styleState.styleProps.stylePieceEntries;
490
491
  if (inline) {
491
492
  if (typeof value1 === "string") {
@@ -497,7 +498,7 @@ function contributeProp(pass, keyOg, valOg) {
497
498
  } else if (value1 && typeof value1 === "object" && !Array.isArray(value1) && !(0, import_createVariable.isVariable)(value1) && classifyConditionalObject(value1, styleState) !== 0) inline = false;
498
499
  }
499
500
  styleState.flatInlineStyleProp = inline;
500
- contributeValue(styleState, key1, value1, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[key1]);
501
+ contributeValue(styleState, key1, value1, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[authoredKey]);
501
502
  styleState.flatInlineStyleProp = false;
502
503
  }
503
504
  }
package/dist/cjs/helpers/getSplitStyles.native.js CHANGED
@@ -483,9 +483,10 @@ function contributeProp(pass, keyOg, valOg) {
483
483
  continue;
484
484
  }
485
485
  var styleOriginals = shouldTrackStyleTokenProvenance ? import_styleOriginalValues.styleOriginalValues.get(style) : void 0;
486
- for (var key1 in style) {
487
- var value1 = style[key1];
486
+ for (var authoredKey in style) {
487
+ var value1 = style[authoredKey];
488
488
  if (value1 == null) continue;
489
+ var key1 = disableExpandShorthands ? authoredKey : shorthands[authoredKey] || authoredKey;
489
490
  var inline = !styleState.styleProps.stylePieceEntries;
490
491
  if (inline) {
491
492
  if (typeof value1 === "string") {
@@ -497,7 +498,7 @@ function contributeProp(pass, keyOg, valOg) {
497
498
  } else if (value1 && typeof value1 === "object" && !Array.isArray(value1) && !(0, import_createVariable.isVariable)(value1) && classifyConditionalObject(value1, styleState) !== 0) inline = false;
498
499
  }
499
500
  styleState.flatInlineStyleProp = inline;
500
- contributeValue(styleState, key1, value1, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[key1]);
501
+ contributeValue(styleState, key1, value1, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[authoredKey]);
501
502
  styleState.flatInlineStyleProp = false;
502
503
  }
503
504
  }