@box/blueprint-web 14.5.0 → 14.6.0

package/dist/lib-esm/radio-tiles/radio-tiles-option.d.ts

@@ -1,2 +1,2 @@
 import { type RadioTilesOptionProps } from './types';
-export declare const RadioTilesOption: <T extends string>({ children, value, label, icon, disabled: disabledProp, className, "aria-label": ariaLabel, }: RadioTilesOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioTilesOption: <T extends string>({ children, value, label, icon, disabled: disabledProp, className, "aria-label": ariaLabel, "data-target-id": dataTargetId, }: RadioTilesOptionProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib-esm/radio-tiles/radio-tiles-option.js

@@ -15,7 +15,8 @@ const RadioTilesOption = function RadioTilesOption({
   icon,
   disabled: disabledProp,
   className,
-  'aria-label': ariaLabel
+  'aria-label': ariaLabel,
+  'data-target-id': dataTargetId
 }) {
   const {
     name,
@@ -54,6 +55,7 @@ const RadioTilesOption = function RadioTilesOption({
       children: jsx("div", {
         className: radioTileClassNames,
         "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-target-id": dataTargetId,
         children: jsxs("label", {
           className: clsx({
             [styles.iconOnly]: !label,

package/dist/lib-esm/radio-tiles/radio-tiles.d.ts

@@ -1,4 +1,4 @@
 import { type RadioTilesProps } from './types';
 export declare const RadioTiles: (<T extends string | null = string>({ children, name, value, variant, columns, disabled, className, error, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onChange, }: RadioTilesProps<T>) => import("react/jsx-runtime").JSX.Element) & {
-    Option: <T extends string>({ children, value, label, icon, disabled: disabledProp, className, "aria-label": ariaLabel, }: import("./types").RadioTilesOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Option: <T extends string>({ children, value, label, icon, disabled: disabledProp, className, "aria-label": ariaLabel, "data-target-id": dataTargetId, }: import("./types").RadioTilesOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/lib-esm/radio-tiles/types.d.ts

@@ -46,5 +46,6 @@ export type RadioTilesOptionProps<T extends string = string> = {
     disabled?: boolean;
     className?: string;
     style?: CSSProperties;
+    'data-target-id'?: string;
 } & (WithIcon | WithoutIcon) & (WithLabel | WithoutLabel);
 export {};

package/dist/lib-esm/select/select.js

@@ -229,6 +229,7 @@ const Option = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     text,
     secondaryText,
     leftElement,
+    'data-target-id': dataTargetId,
     ...itemProps
   } = props;
   const {
@@ -256,6 +257,7 @@ const Option = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx(styles.option, {
       [styles.hasLeftElement]: hasLeftElement
     }),
+    "data-target-id": dataTargetId,
     onPointerLeave: onPointerLeave,
     onPointerMove: onPointerMove,
     children: [leftElement && jsx("span", {

package/dist/lib-esm/select/types.d.ts

@@ -145,6 +145,10 @@ export interface SelectOptionProps extends React.ComponentPropsWithRef<'div'> {
      * When provided, the checkmark indicator moves to the right side.
      */
     leftElement?: React.ReactNode;
+    /**
+     * Value for the data-target-id attribute on the option element (e.g. for analytics).
+     */
+    'data-target-id'?: string;
 }
 export interface SelectTriggerProps extends Omit<SelectProps, 'children' | 'error' | 'label' | 'subText'> {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "14.5.0",
+    "version": "14.6.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^4.112.1",
+        "@box/blueprint-web-assets": "^4.112.2",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.17.28",
+        "@box/storybook-utils": "^0.17.29",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",