@react-native-aria/separator 0.2.5 → 0.2.6

package/lib/commonjs/useSeparator.js

@@ -21,9 +21,8 @@ function useSeparator(props) {
 
   return {
     separatorProps: { ...props,
-      'accessibilityRole': 'separator',
-      'aria-orientation': ariaOrientation,
-      'accessibilityOrientation': ariaOrientation
+      'role': 'separator',
+      'aria-orientation': ariaOrientation
     }
   };
 }

package/lib/commonjs/useSeparator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSeparator.ts"],"names":["useSeparator","props","ariaOrientation","orientation","separatorProps"],"mappings":";;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAT,CAAsBC,KAAtB,EAA4D;AACjE,MAAIC,eAAJ,CADiE,CAEjE;AACA;;AACA,MAAID,KAAK,CAACE,WAAN,KAAsB,UAA1B,EAAsC;AACpCD,IAAAA,eAAe,GAAG,UAAlB;AACD,GANgE,CAOjE;;;AACA,SAAO;AACLE,IAAAA,cAAc,EAAE,EACd,GAAGH,KADW;AAEd,2BAAqB,WAFP;AAGd,0BAAoBC,eAHN;AAId,kCAA4BA;AAJd;AADX,GAAP;AAQD","sourcesContent":["import { AriaLabelingProps, DOMProps, Orientation } from '@react-types/shared';\n\nexport interface SeparatorProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The orientation of the separator.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The HTML element type that will be used to render the separator. */\n  elementType?: string;\n}\n\nexport interface SeparatorAria {\n  /** Props for the separator element. */\n  separatorProps: {\n    'accessibilityRole': any;\n    'accessibilityOrientation'?: string;\n    'aria-orientation'?: string;\n  };\n}\n\n/**\n * Provides the accessibility implementation for a separator.\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n */\nexport function useSeparator(props: SeparatorProps): SeparatorAria {\n  let ariaOrientation;\n  // if orientation is horizontal, aria-orientation default is horizontal, so we leave it undefined\n  // if it's vertical, we need to specify it\n  if (props.orientation === 'vertical') {\n    ariaOrientation = 'vertical';\n  }\n  // hr elements implicitly have role = separator and a horizontal orientation\n  return {\n    separatorProps: {\n      ...props,\n      'accessibilityRole': 'separator',\n      'aria-orientation': ariaOrientation,\n      'accessibilityOrientation': ariaOrientation,\n    },\n  };\n}\n"]}
+{"version":3,"sources":["useSeparator.ts"],"names":["useSeparator","props","ariaOrientation","orientation","separatorProps"],"mappings":";;;;;;;AAoBA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAT,CAAsBC,KAAtB,EAA4D;AACjE,MAAIC,eAAJ,CADiE,CAEjE;AACA;;AACA,MAAID,KAAK,CAACE,WAAN,KAAsB,UAA1B,EAAsC;AACpCD,IAAAA,eAAe,GAAG,UAAlB;AACD,GANgE,CAOjE;;;AACA,SAAO;AACLE,IAAAA,cAAc,EAAE,EACd,GAAGH,KADW;AAEd,cAAQ,WAFM;AAGd,0BAAoBC;AAHN;AADX,GAAP;AAOD","sourcesContent":["import { AriaLabelingProps, DOMProps, Orientation } from '@react-types/shared';\n\nexport interface SeparatorProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The orientation of the separator.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The HTML element type that will be used to render the separator. */\n  elementType?: string;\n}\n\nexport interface SeparatorAria {\n  /** Props for the separator element. */\n  separatorProps: {\n    'role': any;\n    'aria-orientation'?: string;\n  };\n}\n\n/**\n * Provides the accessibility implementation for a separator.\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n */\nexport function useSeparator(props: SeparatorProps): SeparatorAria {\n  let ariaOrientation;\n  // if orientation is horizontal, aria-orientation default is horizontal, so we leave it undefined\n  // if it's vertical, we need to specify it\n  if (props.orientation === 'vertical') {\n    ariaOrientation = 'vertical';\n  }\n  // hr elements implicitly have role = separator and a horizontal orientation\n  return {\n    separatorProps: {\n      ...props,\n      'role': 'separator',\n      'aria-orientation': ariaOrientation,\n    },\n  };\n}\n"]}

package/lib/module/useSeparator.js

@@ -14,9 +14,8 @@ export function useSeparator(props) {
 
   return {
     separatorProps: { ...props,
-      'accessibilityRole': 'separator',
-      'aria-orientation': ariaOrientation,
-      'accessibilityOrientation': ariaOrientation
+      'role': 'separator',
+      'aria-orientation': ariaOrientation
     }
   };
 }

package/lib/module/useSeparator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSeparator.ts"],"names":["useSeparator","props","ariaOrientation","orientation","separatorProps"],"mappings":"AAqBA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CAAsBC,KAAtB,EAA4D;AACjE,MAAIC,eAAJ,CADiE,CAEjE;AACA;;AACA,MAAID,KAAK,CAACE,WAAN,KAAsB,UAA1B,EAAsC;AACpCD,IAAAA,eAAe,GAAG,UAAlB;AACD,GANgE,CAOjE;;;AACA,SAAO;AACLE,IAAAA,cAAc,EAAE,EACd,GAAGH,KADW;AAEd,2BAAqB,WAFP;AAGd,0BAAoBC,eAHN;AAId,kCAA4BA;AAJd;AADX,GAAP;AAQD","sourcesContent":["import { AriaLabelingProps, DOMProps, Orientation } from '@react-types/shared';\n\nexport interface SeparatorProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The orientation of the separator.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The HTML element type that will be used to render the separator. */\n  elementType?: string;\n}\n\nexport interface SeparatorAria {\n  /** Props for the separator element. */\n  separatorProps: {\n    'accessibilityRole': any;\n    'accessibilityOrientation'?: string;\n    'aria-orientation'?: string;\n  };\n}\n\n/**\n * Provides the accessibility implementation for a separator.\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n */\nexport function useSeparator(props: SeparatorProps): SeparatorAria {\n  let ariaOrientation;\n  // if orientation is horizontal, aria-orientation default is horizontal, so we leave it undefined\n  // if it's vertical, we need to specify it\n  if (props.orientation === 'vertical') {\n    ariaOrientation = 'vertical';\n  }\n  // hr elements implicitly have role = separator and a horizontal orientation\n  return {\n    separatorProps: {\n      ...props,\n      'accessibilityRole': 'separator',\n      'aria-orientation': ariaOrientation,\n      'accessibilityOrientation': ariaOrientation,\n    },\n  };\n}\n"]}
+{"version":3,"sources":["useSeparator.ts"],"names":["useSeparator","props","ariaOrientation","orientation","separatorProps"],"mappings":"AAoBA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAT,CAAsBC,KAAtB,EAA4D;AACjE,MAAIC,eAAJ,CADiE,CAEjE;AACA;;AACA,MAAID,KAAK,CAACE,WAAN,KAAsB,UAA1B,EAAsC;AACpCD,IAAAA,eAAe,GAAG,UAAlB;AACD,GANgE,CAOjE;;;AACA,SAAO;AACLE,IAAAA,cAAc,EAAE,EACd,GAAGH,KADW;AAEd,cAAQ,WAFM;AAGd,0BAAoBC;AAHN;AADX,GAAP;AAOD","sourcesContent":["import { AriaLabelingProps, DOMProps, Orientation } from '@react-types/shared';\n\nexport interface SeparatorProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The orientation of the separator.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The HTML element type that will be used to render the separator. */\n  elementType?: string;\n}\n\nexport interface SeparatorAria {\n  /** Props for the separator element. */\n  separatorProps: {\n    'role': any;\n    'aria-orientation'?: string;\n  };\n}\n\n/**\n * Provides the accessibility implementation for a separator.\n * A separator is a visual divider between two groups of content,\n * e.g. groups of menu items or sections of a page.\n */\nexport function useSeparator(props: SeparatorProps): SeparatorAria {\n  let ariaOrientation;\n  // if orientation is horizontal, aria-orientation default is horizontal, so we leave it undefined\n  // if it's vertical, we need to specify it\n  if (props.orientation === 'vertical') {\n    ariaOrientation = 'vertical';\n  }\n  // hr elements implicitly have role = separator and a horizontal orientation\n  return {\n    separatorProps: {\n      ...props,\n      'role': 'separator',\n      'aria-orientation': ariaOrientation,\n    },\n  };\n}\n"]}

package/lib/typescript/useSeparator.d.ts

@@ -11,8 +11,7 @@ export interface SeparatorProps extends DOMProps, AriaLabelingProps {
 export interface SeparatorAria {
     /** Props for the separator element. */
     separatorProps: {
-        'accessibilityRole': any;
-        'accessibilityOrientation'?: string;
+        'role': any;
         'aria-orientation'?: string;
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/separator",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/useSeparator.ts

@@ -13,8 +13,7 @@ export interface SeparatorProps extends DOMProps, AriaLabelingProps {
 export interface SeparatorAria {
   /** Props for the separator element. */
   separatorProps: {
-    'accessibilityRole': any;
-    'accessibilityOrientation'?: string;
+    'role': any;
     'aria-orientation'?: string;
   };
 }
@@ -35,9 +34,8 @@ export function useSeparator(props: SeparatorProps): SeparatorAria {
   return {
     separatorProps: {
       ...props,
-      'accessibilityRole': 'separator',
+      'role': 'separator',
       'aria-orientation': ariaOrientation,
-      'accessibilityOrientation': ariaOrientation,
     },
   };
 }