@tamagui/web 3.0.0-beta.1432.1 → 3.0.0-beta.1444.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.
- package/dist/cjs/createComponent.cjs +3 -3
- package/dist/cjs/createComponent.native.cjs +5 -3
- package/dist/cjs/createComponent.native.js +5 -3
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +8 -0
- package/dist/cjs/helpers/getSplitStyles.native.cjs +8 -0
- package/dist/cjs/helpers/getSplitStyles.native.js +8 -0
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +3 -3
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +5 -3
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +8 -0
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +8 -0
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/package.json +16 -16
- package/src/createComponent.tsx +9 -3
- package/src/helpers/getSplitStyles.tsx +28 -0
- package/src/styled.tsx +11 -1
- package/src/types.tsx +45 -21
- package/types/createComponent.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/styled.d.ts +2 -2
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +16 -10
- package/types/types.d.ts.map +1 -1
|
@@ -259,6 +259,7 @@ const passFrontendContainerType = 27;
|
|
|
259
259
|
const passSourceLayer = 28;
|
|
260
260
|
const passParentCursor = 29;
|
|
261
261
|
const passMapSourceKey = 30;
|
|
262
|
+
const passVariantOutput = 31;
|
|
262
263
|
const passFlags = 13;
|
|
263
264
|
const sourceLayerBase = 0;
|
|
264
265
|
const sourceLayerVariant = 1;
|
|
@@ -481,6 +482,10 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
|
|
|
481
482
|
viewProps[keyInit] = valInit;
|
|
482
483
|
return;
|
|
483
484
|
}
|
|
485
|
+
if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in import_helpers.stylePropsAll) && !(keyInit in import_skipProps.skipProps) && !(variants && keyInit in variants) && !(parentVariants && keyInit in parentVariants) && !styledContextKeys?.has(keyInit) && !(styledContext && keyInit in styledContext)) {
|
|
486
|
+
if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
|
|
487
|
+
return;
|
|
488
|
+
}
|
|
484
489
|
if (!noExpand) {
|
|
485
490
|
if (keyInit === "disabled" && valInit === true) {
|
|
486
491
|
viewProps["aria-disabled"] = true;
|
|
@@ -1793,9 +1798,12 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
|
|
|
1793
1798
|
if (key !== pass[passMapSourceKey] && state.flatCallerVariantKeys?.has(key)) return;
|
|
1794
1799
|
if (state.flatStyleStaticConfig.styledContextKeys?.has(key)) (state.overriddenContextProps ||= {})[key] = (state.originalContextPropValues ||= {})[key] = original;
|
|
1795
1800
|
const parent = pass[passParentCursor];
|
|
1801
|
+
const parentVariantOutput = pass[passVariantOutput];
|
|
1796
1802
|
pass[passParentCursor] = condition;
|
|
1803
|
+
pass[passVariantOutput] = true;
|
|
1797
1804
|
contributeProp(pass, key, value, original, disabled);
|
|
1798
1805
|
pass[passParentCursor] = parent;
|
|
1806
|
+
pass[passVariantOutput] = parentVariantOutput;
|
|
1799
1807
|
}
|
|
1800
1808
|
function getFontFamilyFromNameOrVariable(input, conf) {
|
|
1801
1809
|
if ((0, import_createVariable.isVariable)(input)) {
|
|
@@ -274,6 +274,7 @@ var passFrontendContainerType = 27;
|
|
|
274
274
|
var passSourceLayer = 28;
|
|
275
275
|
var passParentCursor = 29;
|
|
276
276
|
var passMapSourceKey = 30;
|
|
277
|
+
var passVariantOutput = 31;
|
|
277
278
|
var passFlags = 13;
|
|
278
279
|
var sourceLayerBase = 0;
|
|
279
280
|
var sourceLayerVariant = 1;
|
|
@@ -541,6 +542,10 @@ function contributeProp(pass, keyOg, valOg) {
|
|
|
541
542
|
return;
|
|
542
543
|
} else if (keyInit.startsWith("data-")) return;
|
|
543
544
|
}
|
|
545
|
+
if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in import_helpers.stylePropsAll) && !(keyInit in import_skipProps.skipProps) && !(variants && keyInit in variants) && !(parentVariants && keyInit in parentVariants) && !(styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) && !(styledContext && keyInit in styledContext)) {
|
|
546
|
+
if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
|
|
547
|
+
return;
|
|
548
|
+
}
|
|
544
549
|
var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
|
|
545
550
|
var isStyleProp = isValidStyleKeyInit || isVariant && !noExpand;
|
|
546
551
|
if (isStyleProp && asChildExceptStyleLike) return;
|
|
@@ -2044,9 +2049,12 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
|
|
|
2044
2049
|
((_state = state).overriddenContextProps || (_state.overriddenContextProps = {}))[key] = ((_state1 = state).originalContextPropValues || (_state1.originalContextPropValues = {}))[key] = original;
|
|
2045
2050
|
}
|
|
2046
2051
|
var parent = pass[passParentCursor];
|
|
2052
|
+
var parentVariantOutput = pass[passVariantOutput];
|
|
2047
2053
|
pass[passParentCursor] = condition;
|
|
2054
|
+
pass[passVariantOutput] = true;
|
|
2048
2055
|
contributeProp(pass, key, value, original, disabled);
|
|
2049
2056
|
pass[passParentCursor] = parent;
|
|
2057
|
+
pass[passVariantOutput] = parentVariantOutput;
|
|
2050
2058
|
}
|
|
2051
2059
|
function getFontFamilyFromNameOrVariable(input, conf) {
|
|
2052
2060
|
if ((0, import_createVariable.isVariable)(input)) {
|
|
@@ -274,6 +274,7 @@ var passFrontendContainerType = 27;
|
|
|
274
274
|
var passSourceLayer = 28;
|
|
275
275
|
var passParentCursor = 29;
|
|
276
276
|
var passMapSourceKey = 30;
|
|
277
|
+
var passVariantOutput = 31;
|
|
277
278
|
var passFlags = 13;
|
|
278
279
|
var sourceLayerBase = 0;
|
|
279
280
|
var sourceLayerVariant = 1;
|
|
@@ -541,6 +542,10 @@ function contributeProp(pass, keyOg, valOg) {
|
|
|
541
542
|
return;
|
|
542
543
|
} else if (keyInit.startsWith("data-")) return;
|
|
543
544
|
}
|
|
545
|
+
if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in import_helpers.stylePropsAll) && !(keyInit in import_skipProps.skipProps) && !(variants && keyInit in variants) && !(parentVariants && keyInit in parentVariants) && !(styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) && !(styledContext && keyInit in styledContext)) {
|
|
546
|
+
if (process.env.NODE_ENV === "development") (0, import_warnOnce.warnOnce)(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
|
|
547
|
+
return;
|
|
548
|
+
}
|
|
544
549
|
var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
|
|
545
550
|
var isStyleProp = isValidStyleKeyInit || isVariant && !noExpand;
|
|
546
551
|
if (isStyleProp && asChildExceptStyleLike) return;
|
|
@@ -2044,9 +2049,12 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
|
|
|
2044
2049
|
((_state = state).overriddenContextProps || (_state.overriddenContextProps = {}))[key] = ((_state1 = state).originalContextPropValues || (_state1.originalContextPropValues = {}))[key] = original;
|
|
2045
2050
|
}
|
|
2046
2051
|
var parent = pass[passParentCursor];
|
|
2052
|
+
var parentVariantOutput = pass[passVariantOutput];
|
|
2047
2053
|
pass[passParentCursor] = condition;
|
|
2054
|
+
pass[passVariantOutput] = true;
|
|
2048
2055
|
contributeProp(pass, key, value, original, disabled);
|
|
2049
2056
|
pass[passParentCursor] = parent;
|
|
2057
|
+
pass[passVariantOutput] = parentVariantOutput;
|
|
2050
2058
|
}
|
|
2051
2059
|
function getFontFamilyFromNameOrVariable(input, conf) {
|
|
2052
2060
|
if ((0, import_createVariable.isVariable)(input)) {
|