@tamagui/label 2.3.0 → 2.3.2
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/Label.cjs +1 -1
- package/dist/cjs/Label.native.js +1 -1
- package/dist/cjs/Label.native.js.map +1 -1
- package/dist/esm/Label.mjs +2 -2
- package/dist/esm/Label.mjs.map +1 -1
- package/dist/esm/Label.native.js +2 -2
- package/dist/esm/Label.native.js.map +1 -1
- package/dist/jsx/Label.mjs +2 -2
- package/dist/jsx/Label.mjs.map +1 -1
- package/dist/jsx/Label.native.js +1 -1
- package/dist/jsx/Label.native.js.map +1 -1
- package/package.json +10 -10
- package/src/Label.tsx +9 -6
- package/types/Label.d.ts.map +1 -1
package/dist/cjs/Label.cjs
CHANGED
|
@@ -101,7 +101,7 @@ const Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
|
|
|
101
101
|
const backupId = React.useId();
|
|
102
102
|
const id = idProp ?? backupId;
|
|
103
103
|
if (import_constants.isWeb) {
|
|
104
|
-
|
|
104
|
+
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
105
105
|
if (htmlFor) {
|
|
106
106
|
const element = document.getElementById(htmlFor);
|
|
107
107
|
const label = ref.current;
|
package/dist/cjs/Label.native.js
CHANGED
|
@@ -103,7 +103,7 @@ var Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
|
|
|
103
103
|
var backupId = React.useId();
|
|
104
104
|
var id = idProp !== null && idProp !== void 0 ? idProp : backupId;
|
|
105
105
|
if (import_constants.isWeb) {
|
|
106
|
-
|
|
106
|
+
(0, import_constants.useIsomorphicLayoutEffect)(function () {
|
|
107
107
|
if (htmlFor) {
|
|
108
108
|
var element = document.getElementById(htmlFor);
|
|
109
109
|
var label = ref.current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Label_exports","__export","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","__toESM","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","getButtonSized","buttonHeight","height","fontStyle","getFontSized","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useComposedRefs","backupId","useId","isWeb","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Label_exports","__export","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","__toESM","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","getButtonSized","buttonHeight","height","fontStyle","getFontSized","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useComposedRefs","backupId","useId","isWeb","useIsomorphicLayoutEffect","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","_getAriaLabel","ariaLabelledBy2","replace","removeAttribute","jsx","children","onMouseDown","event","_props_onMouseDown","call","defaultPrevented","detail","preventDefault","onPress","_props_onPress","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","focusFocusable"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/Label.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
-
import { isWeb } from "@tamagui/constants";
|
|
2
|
+
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
3
3
|
import { createContext } from "@tamagui/create-context";
|
|
4
4
|
import { focusFocusable } from "@tamagui/focusable";
|
|
5
5
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
@@ -61,7 +61,7 @@ const Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
|
|
|
61
61
|
const backupId = React.useId();
|
|
62
62
|
const id = idProp ?? backupId;
|
|
63
63
|
if (isWeb) {
|
|
64
|
-
|
|
64
|
+
useIsomorphicLayoutEffect(() => {
|
|
65
65
|
if (htmlFor) {
|
|
66
66
|
const element = document.getElementById(htmlFor);
|
|
67
67
|
const label = ref.current;
|
package/dist/esm/Label.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useComposedRefs","isWeb","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","jsx","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","
|
|
1
|
+
{"version":3,"names":["useComposedRefs","isWeb","useIsomorphicLayoutEffect","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","jsx","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","replace","removeAttribute","children","onMouseDown","event","defaultPrevented","detail","preventDefault","onPress","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","useLabelContext","context","useEffect"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/Label.native.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
-
import { isWeb } from "@tamagui/constants";
|
|
3
|
+
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
4
4
|
import { createContext } from "@tamagui/create-context";
|
|
5
5
|
import { focusFocusable } from "@tamagui/focusable";
|
|
6
6
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
@@ -61,7 +61,7 @@ var Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
|
|
|
61
61
|
var backupId = React.useId();
|
|
62
62
|
var id = idProp !== null && idProp !== void 0 ? idProp : backupId;
|
|
63
63
|
if (isWeb) {
|
|
64
|
-
|
|
64
|
+
useIsomorphicLayoutEffect(function () {
|
|
65
65
|
if (htmlFor) {
|
|
66
66
|
var element = document.getElementById(htmlFor);
|
|
67
67
|
var label = ref.current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","useComposedRefs","isWeb","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","useComposedRefs","isWeb","useIsomorphicLayoutEffect","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","_getAriaLabel","ariaLabelledBy2","replace","removeAttribute","children","onMouseDown","event","_props_onMouseDown","call","defaultPrevented","detail","preventDefault","onPress","_props_onPress","isClickingControl","contains","target","isUserClick","isTrusted","click","focus"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/Label.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
-
import { isWeb } from "@tamagui/constants";
|
|
2
|
+
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
3
3
|
import { createContext } from "@tamagui/create-context";
|
|
4
4
|
import { focusFocusable } from "@tamagui/focusable";
|
|
5
5
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
@@ -61,7 +61,7 @@ const Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
|
|
|
61
61
|
const backupId = React.useId();
|
|
62
62
|
const id = idProp ?? backupId;
|
|
63
63
|
if (isWeb) {
|
|
64
|
-
|
|
64
|
+
useIsomorphicLayoutEffect(() => {
|
|
65
65
|
if (htmlFor) {
|
|
66
66
|
const element = document.getElementById(htmlFor);
|
|
67
67
|
const label = ref.current;
|
package/dist/jsx/Label.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useComposedRefs","isWeb","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","jsx","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","
|
|
1
|
+
{"version":3,"names":["useComposedRefs","isWeb","useIsomorphicLayoutEffect","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","jsx","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","replace","removeAttribute","children","onMouseDown","event","defaultPrevented","detail","preventDefault","onPress","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","useLabelContext","context","useEffect"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/Label.native.js
CHANGED
|
@@ -103,7 +103,7 @@ var Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
|
|
|
103
103
|
var backupId = React.useId();
|
|
104
104
|
var id = idProp !== null && idProp !== void 0 ? idProp : backupId;
|
|
105
105
|
if (import_constants.isWeb) {
|
|
106
|
-
|
|
106
|
+
(0, import_constants.useIsomorphicLayoutEffect)(function () {
|
|
107
107
|
if (htmlFor) {
|
|
108
108
|
var element = document.getElementById(htmlFor);
|
|
109
109
|
var label = ref.current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Label_exports","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Label_exports","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","ariaLabelledBy","buttonHeight","height","fontStyle","getFontSized","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useComposedRefs","backupId","useId","isWeb","useIsomorphicLayoutEffect","element","document","getElementById","label","getAriaLabel","getAttribute","filter","Boolean","join","setAttribute","_getAriaLabel","ariaLabelledBy2","replace","removeAttribute"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/label",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.2",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -34,17 +34,17 @@
|
|
|
34
34
|
"clean:build": "tamagui-build clean:build"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tamagui/compose-refs": "2.3.
|
|
38
|
-
"@tamagui/constants": "2.3.
|
|
39
|
-
"@tamagui/create-context": "2.3.
|
|
40
|
-
"@tamagui/focusable": "2.3.
|
|
41
|
-
"@tamagui/get-button-sized": "2.3.
|
|
42
|
-
"@tamagui/get-font-sized": "2.3.
|
|
43
|
-
"@tamagui/text": "2.3.
|
|
44
|
-
"@tamagui/web": "2.3.
|
|
37
|
+
"@tamagui/compose-refs": "2.3.2",
|
|
38
|
+
"@tamagui/constants": "2.3.2",
|
|
39
|
+
"@tamagui/create-context": "2.3.2",
|
|
40
|
+
"@tamagui/focusable": "2.3.2",
|
|
41
|
+
"@tamagui/get-button-sized": "2.3.2",
|
|
42
|
+
"@tamagui/get-font-sized": "2.3.2",
|
|
43
|
+
"@tamagui/text": "2.3.2",
|
|
44
|
+
"@tamagui/web": "2.3.2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@tamagui/build": "2.3.
|
|
47
|
+
"@tamagui/build": "2.3.2",
|
|
48
48
|
"react": ">=19",
|
|
49
49
|
"react-native": "0.83.2"
|
|
50
50
|
},
|
package/src/Label.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useComposedRefs } from '@tamagui/compose-refs'
|
|
2
|
-
import { isWeb } from '@tamagui/constants'
|
|
2
|
+
import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
|
|
3
3
|
import { createContext } from '@tamagui/create-context'
|
|
4
4
|
import { focusFocusable } from '@tamagui/focusable'
|
|
5
5
|
import { getButtonSized } from '@tamagui/get-button-sized'
|
|
@@ -72,7 +72,12 @@ export const Label = LabelFrame.styleable(function Label(props, forwardedRef) {
|
|
|
72
72
|
const id = idProp ?? backupId
|
|
73
73
|
|
|
74
74
|
if (isWeb) {
|
|
75
|
-
|
|
75
|
+
// layout effect, not effect: write aria-labelledby onto the htmlFor target
|
|
76
|
+
// synchronously before browser paint so assistive tech never sees the
|
|
77
|
+
// labeled control with no aria-labelledby. SSR HTML still ships without it
|
|
78
|
+
// (Label can't know which sibling input it points at on the server) — for
|
|
79
|
+
// SSR-correct a11y, pass aria-labelledby directly to the input.
|
|
80
|
+
useIsomorphicLayoutEffect(() => {
|
|
76
81
|
if (htmlFor) {
|
|
77
82
|
const element = document.getElementById(htmlFor)
|
|
78
83
|
const label = ref.current
|
|
@@ -82,10 +87,8 @@ export const Label = LabelFrame.styleable(function Label(props, forwardedRef) {
|
|
|
82
87
|
element.setAttribute('aria-labelledby', ariaLabelledBy)
|
|
83
88
|
controlRef.current = element
|
|
84
89
|
return () => {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
* the values from the closure may have changed.
|
|
88
|
-
*/
|
|
90
|
+
// we re-read the attribute on cleanup because the value in the
|
|
91
|
+
// closure may have changed since the effect ran.
|
|
89
92
|
if (!id) return
|
|
90
93
|
const ariaLabelledBy = getAriaLabel()?.replace(id, '')
|
|
91
94
|
if (ariaLabelledBy === '') {
|
package/types/Label.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAgB5D,eAAO,MAAM,UAAU;;;6CAoCrB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAgB5D,eAAO,MAAM,UAAU;;;6CAoCrB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;6CAmFhB,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,WAAW,GAAG,IAAI,uBAS3D,CAAA"}
|