@tamagui/label 1.46.1 → 1.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/label",
-  "version": "1.46.1",
+  "version": "1.47.0",
   "sideEffects": [
     "*.css"
   ],
@@ -31,20 +31,20 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.46.1",
-    "@tamagui/create-context": "1.46.1",
-    "@tamagui/focusable": "1.46.1",
-    "@tamagui/get-button-sized": "1.46.1",
-    "@tamagui/get-font-sized": "1.46.1",
-    "@tamagui/text": "1.46.1",
-    "@tamagui/web": "1.46.1"
+    "@tamagui/compose-refs": "1.47.0",
+    "@tamagui/create-context": "1.47.0",
+    "@tamagui/focusable": "1.47.0",
+    "@tamagui/get-button-sized": "1.47.0",
+    "@tamagui/get-font-sized": "1.47.0",
+    "@tamagui/text": "1.47.0",
+    "@tamagui/web": "1.47.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.46.1",
+    "@tamagui/build": "1.47.0",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },

package/dist/jsx/Label.mjs

@@ -1,136 +0,0 @@
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { createContext } from "@tamagui/create-context";
-import { focusFocusable } from "@tamagui/focusable";
-import { getButtonSized } from "@tamagui/get-button-sized";
-import { getFontSized } from "@tamagui/get-font-sized";
-import { SizableText } from "@tamagui/text";
-import {
-  isWeb,
-  styled,
-  themeable
-} from "@tamagui/web";
-import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
-  id: void 0,
-  controlRef: { current: null }
-});
-const LabelFrame = styled(SizableText, {
-  name: "Label",
-  tag: "label",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        color: "$color",
-        backgroundColor: "transparent",
-        display: "flex",
-        alignItems: "center",
-        userSelect: "none",
-        cursor: "default",
-        pressStyle: {
-          color: "$colorPress"
-        }
-      }
-    },
-    size: {
-      "...size": (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras);
-        const fontStyle = getFontSized(val, extras);
-        return {
-          ...fontStyle,
-          lineHeight: extras.tokens.size[buttonStyle.height]
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const LabelComponent = React.forwardRef(
-  (props, forwardedRef) => {
-    const { htmlFor, id: idProp, ...labelProps } = props;
-    const controlRef = React.useRef(null);
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const backupId = React.useId();
-    const id = idProp ?? backupId;
-    if (isWeb) {
-      React.useEffect(() => {
-        if (htmlFor) {
-          const element = document.getElementById(htmlFor);
-          const label = ref.current;
-          if (label && element) {
-            const getAriaLabel = () => element.getAttribute("aria-labelledby");
-            const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
-            element.setAttribute("aria-labelledby", ariaLabelledBy);
-            controlRef.current = element;
-            return () => {
-              if (!id)
-                return;
-              const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
-              if (ariaLabelledBy2 === "") {
-                element.removeAttribute("aria-labelledby");
-              } else if (ariaLabelledBy2) {
-                element.setAttribute("aria-labelledby", ariaLabelledBy2);
-              }
-            };
-          }
-        }
-      }, [id, htmlFor]);
-    }
-    return <LabelProvider id={id} controlRef={controlRef}><LabelFrame
-      role="heading"
-      id={id}
-      htmlFor={htmlFor}
-      {...labelProps}
-      ref={composedRefs}
-      onMouseDown={(event) => {
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) {
-          event.preventDefault();
-        }
-      }}
-      onPress={(event) => {
-        props.onPress?.(event);
-        if (isWeb) {
-          if (htmlFor || !controlRef.current || event.defaultPrevented)
-            return;
-          const isClickingControl = controlRef.current.contains(
-            event.target
-          );
-          const isUserClick = event.isTrusted === true;
-          if (!isClickingControl && isUserClick) {
-            controlRef.current.click();
-            controlRef.current.focus();
-          }
-        } else {
-          if (props.htmlFor) {
-            focusFocusable(props.htmlFor);
-          }
-        }
-      }}
-    /></LabelProvider>;
-  }
-);
-LabelComponent.displayName = NAME;
-const Label = LabelFrame.extractable(themeable(LabelComponent), {
-  neverFlatten: true
-});
-const useLabelContext = (element) => {
-  const context = useLabelContextImpl("LabelConsumer");
-  const { controlRef } = context;
-  React.useEffect(() => {
-    if (element)
-      controlRef.current = element;
-  }, [element, controlRef]);
-  return context.id;
-};
-const Root = Label;
-export {
-  Label,
-  LabelFrame,
-  useLabelContext
-};
-//# sourceMappingURL=Label.mjs.map

package/dist/jsx/Label.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Label.tsx"],
-  "mappings": "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",
-  "names": ["ariaLabelledBy"]
-}

package/dist/jsx/index.mjs

@@ -1,2 +0,0 @@
-export * from "./Label";
-//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}