@plasmicpkgs/react-aria 0.0.36 → 0.0.37

package/dist/interaction-variant-utils.d.ts

@@ -21,6 +21,10 @@ declare const ARIA_COMPONENTS_INTERACTION_VARIANTS: {
         cssSelector: string;
         displayName: string;
     };
+    selected: {
+        cssSelector: string;
+        displayName: string;
+    };
 };
 type AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;
 type CodeComponentInteractionVariantsMeta = NonNullable<CodeComponentMeta<unknown>["interactionVariants"]>;

package/dist/react-aria.esm.js

@@ -78,6 +78,10 @@ const ARIA_COMPONENTS_INTERACTION_VARIANTS = {
   dragging: {
     cssSelector: "[data-dragging]",
     displayName: "Dragging"
+  },
+  selected: {
+    cssSelector: "[data-selected]",
+    displayName: "Selected"
   }
 };
 function ChangesObserver({
@@ -252,7 +256,8 @@ function registerButton(loader, overrides) {
         borderWidth: "1px",
         borderStyle: "solid",
         borderColor: "black",
-        padding: "2px 10px"
+        padding: "2px 10px",
+        cursor: "pointer"
       },
       props: __spreadProps$c(__spreadValues$p({}, getCommonInputProps("button", [
         "isDisabled",
@@ -568,7 +573,10 @@ function registerText(loader, overrides) {
           }
         },
         slot: {
-          type: "string"
+          type: "choice",
+          options: ["label", "description"],
+          defaultValueHint: "label",
+          defaultValue: "label"
         }
       },
       trapsFocus: true
@@ -2416,28 +2424,25 @@ const RADIO_INTERACTION_VARIANTS = [
   "hovered",
   "pressed",
   "focused",
-  "focusVisible"
+  "focusVisible",
+  "selected"
 ];
 const { interactionVariants: interactionVariants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(
   RADIO_INTERACTION_VARIANTS
 );
 function BaseRadio(props) {
-  const _a = props, { children, updateInteractionVariant, setControlContextData } = _a, rest = __objRest$7(_a, ["children", "updateInteractionVariant", "setControlContextData"]);
-  const contextProps = React.useContext(PlasmicRadioGroupContext);
-  const radio = /* @__PURE__ */ React.createElement(Radio, __spreadValues$9({}, rest), ({ isHovered, isPressed, isFocused, isFocusVisible }) => withObservedValues$3(
+  const _a = props, { children, updateInteractionVariant } = _a, rest = __objRest$7(_a, ["children", "updateInteractionVariant"]);
+  const radio = /* @__PURE__ */ React.createElement(Radio, __spreadValues$9({}, rest), ({ isHovered, isPressed, isFocused, isFocusVisible, isSelected }) => withObservedValues$3(
     children,
     {
       hovered: isHovered,
       pressed: isPressed,
       focused: isFocused,
-      focusVisible: isFocusVisible
+      focusVisible: isFocusVisible,
+      selected: isSelected
     },
     updateInteractionVariant
   ));
-  const isStandalone = !contextProps;
-  setControlContextData == null ? void 0 : setControlContextData({
-    isStandalone
-  });
   return /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React.createElement(RadioGroup, null, radio) }, radio);
 }
 const makeDefaultRadioChildren = (label) => ({
@@ -2495,20 +2500,8 @@ function registerRadio(loader, overrides) {
         value: {
           type: "string",
           description: "The value of the input element, used when submitting an HTML form."
-        },
-        onSelectionChange: {
-          type: "eventHandler",
-          argTypes: [{ name: "isSelected", type: "boolean" }]
         }
       }),
-      states: {
-        isSelected: {
-          type: "readonly",
-          onChangeProp: "onSelectionChange",
-          variableType: "boolean",
-          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
-        }
-      },
       trapsFocus: true
     },
     overrides