@razorpay/blade 12.49.2 → 12.49.3

package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js

@@ -1,4 +1,4 @@
-var screenReaderStyles={border:'0',clip:'rect(0, 0, 0, 0)',height:'1px',width:'1px',margin:'-1px',padding:'0',overflow:'hidden',whiteSpace:'nowrap',position:'absolute',wordWrap:'normal'};
+var screenReaderStyles={border:'0',clip:'rect(0, 0, 0, 0)',height:'1px',width:'1px',margin:'-1px',padding:'0',overflow:'hidden',whiteSpace:'nowrap',position:'absolute',wordWrap:'normal'};var legacyScreenReaderStyles={border:0,clip:'rect(0 0 0 0)',clipPath:'inset(50%)',height:`1px`,margin:'0 -1px -1px 0',overflow:'hidden',padding:0,position:'absolute',width:`1px`,left:'-10000px',whiteSpace:'nowrap',wordWrap:'normal'};
 
-export { screenReaderStyles };
+export { legacyScreenReaderStyles, screenReaderStyles };
 //# sourceMappingURL=ScreenReaderStyles.js.map

package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap"],"mappings":"AAMM,IAAAA,kBAA6B,CAAG,CACpCC,MAAM,CAAE,GAAG,CACXC,IAAI,CAAE,kBAAkB,CACxBC,MAAM,CAAE,KAAK,CACbC,KAAK,CAAE,KAAK,CACZC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,GAAG,CACZC,QAAQ,CAAE,QAAQ,CAClBC,UAAU,CAAE,QAAQ,CACpBC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,QACZ;;;;"}
+{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\n// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.\n//TODO: figure out and remove `legacyScreenReaderStyles` in future.\n\nconst legacyScreenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles, legacyScreenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap","legacyScreenReaderStyles","clipPath","left"],"mappings":"AAMM,IAAAA,kBAA6B,CAAG,CACpCC,MAAM,CAAE,GAAG,CACXC,IAAI,CAAE,kBAAkB,CACxBC,MAAM,CAAE,KAAK,CACbC,KAAK,CAAE,KAAK,CACZC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,GAAG,CACZC,QAAQ,CAAE,QAAQ,CAClBC,UAAU,CAAE,QAAQ,CACpBC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,QACZ,EAKM,IAAAC,wBAAmC,CAAG,CAC1CV,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,eAAe,CACrBU,QAAQ,CAAE,YAAY,CACtBT,MAAM,CAAG,KAAI,CACbE,MAAM,CAAE,eAAe,CACvBE,QAAQ,CAAE,QAAQ,CAClBD,OAAO,CAAE,CAAC,CACVG,QAAQ,CAAE,UAAU,CACpBL,KAAK,CAAG,CAAI,GAAA,CAAA,CACZS,IAAI,CAAE,UAAU,CAChBL,UAAU,CAAE,QAAQ,CACpBE,QAAQ,CAAE,QACZ;;;;"}

package/build/lib/native/components/index.js

@@ -573,7 +573,7 @@ export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.native.js';
-export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { legacyScreenReaderStyles, screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
 export { ListView } from './ListView/ListView.native.js';
 export { ListViewFilters } from './ListView/ListViewFilters.native.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.native.js';

package/build/lib/web/development/components/Form/Selector/SelectorInput.web.js

@@ -11,10 +11,11 @@ import '../../../utils/makeAccessible/index.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import '../../../utils/getFocusRingStyles/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
+import { useBottomSheetContext } from '../../BottomSheet/BottomSheetContext.js';
 import { jsx } from 'react/jsx-runtime';
 import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
-import { screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
+import { legacyScreenReaderStyles, screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
@@ -49,8 +50,9 @@ var StyledInput = /*#__PURE__*/styled.input.withConfig({
     isChecked = _ref2.isChecked,
     isDisabled = _ref2.isDisabled,
     hasError = _ref2.hasError,
-    hoverTokens = _ref2.hoverTokens;
-  return _objectSpread(_objectSpread({}, screenReaderStyles), {}, {
+    hoverTokens = _ref2.hoverTokens,
+    shouldUseLegacyScreenReaderStyles = _ref2.shouldUseLegacyScreenReaderStyles;
+  return _objectSpread(_objectSpread({}, shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles), {}, {
     '&:focus-visible + div': _objectSpread({}, getFocusRingStyles({
       theme: theme
     })),
@@ -77,13 +79,16 @@ var _SelectorInput = function _SelectorInput(_ref3, ref) {
   // to be able to set the mixed value via setMixed() function
   // TODO: replace with a generic `mergeRefs()` util if we do this in other places
   var mergedRef = useMergeRefs(ref, inputProps.ref);
+  var _useBottomSheetContex = useBottomSheetContext(),
+    isInBottomSheet = _useBottomSheetContex.isInBottomSheet;
   return /*#__PURE__*/jsx(StyledInput, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: id,
     isChecked: isChecked,
     isDisabled: isDisabled,
     hasError: hasError,
     tabIndex: tabIndex,
-    hoverTokens: hoverTokens
+    hoverTokens: hoverTokens,
+    shouldUseLegacyScreenReaderStyles: isInBottomSheet
   }, inputProps), makeAccessible({
     label: accessibilityLabel
   })), makeAnalyticsAttribute(rest)), {}, {

package/build/lib/web/development/components/Form/Selector/SelectorInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<HoverProps>(\n  ({ theme, isChecked, isDisabled, hasError, hoverTokens }) => ({\n    ...screenReaderStyles,\n    '&:focus-visible + div': {\n      ...getFocusRingStyles({ theme }),\n    },\n    '&:hover + div': {\n      ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n    },\n  }),\n);\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","_objectSpread","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles, legacyScreenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<\n  HoverProps & {\n    shouldUseLegacyScreenReaderStyles?: boolean;\n  }\n>(({ theme, isChecked, isDisabled, hasError, hoverTokens, shouldUseLegacyScreenReaderStyles }) => ({\n  ...(shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles),\n  '&:focus-visible + div': {\n    ...getFocusRingStyles({ theme }),\n  },\n  '&:hover + div': {\n    ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n  },\n}));\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      shouldUseLegacyScreenReaderStyles={isInBottomSheet}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","shouldUseLegacyScreenReaderStyles","_objectSpread","legacyScreenReaderStyles","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAM4B;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAL9CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,WAAW,GAAAN,IAAA,CAAXM,WAAW,CAAA;AAEX,EAAA,IAAIH,UAAU,IAAIC,QAAQ,EAAE,OAAO,EAAE,CAAA;AAErC,EAAA,IAAMG,OAAO,GAAGF,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;EACnD,IAAMG,eAAe,GAAGF,WAAW,CAAA,SAAA,CAAQ,CAACG,UAAU,CAACF,OAAO,CAAC,CAAA;AAC/D,EAAA,IAAMG,WAAW,GAAA,CAAAT,qBAAA,GAAGK,WAAW,CAAQ,SAAA,CAAA,CAACK,MAAM,MAAA,IAAA,IAAAV,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA1BA,qBAAA,CAA6BM,OAAO,CAAC,CAAA;EAEzD,OAAO;IACLG,WAAW,EAAEA,WAAW,GAAGE,KAAK,CAACV,KAAK,EAAEQ,WAAW,CAAC,GAAGG,SAAS;AAChEL,IAAAA,eAAe,EAAEI,KAAK,CAACV,KAAK,EAAEM,eAAe,CAAC;AAC9CM,IAAAA,wBAAwB,EAAEZ,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,QAAkB;AAChEC,IAAAA,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAAClB,KAAK,CAACa,MAAM,CAACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;GACjF,CAAA;AACH,CAAC,CAAA;AAED,IAAMC,WAAW,gBAAGC,MAAM,CAACC,KAAK,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAI9B,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAG1B,KAAK,GAAA0B,KAAA,CAAL1B,KAAK;IAAEG,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IAAEF,UAAU,GAAAyB,KAAA,CAAVzB,UAAU;IAAEC,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IAAEE,WAAW,GAAAsB,KAAA,CAAXtB,WAAW;IAAEuB,iCAAiC,GAAAD,KAAA,CAAjCC,iCAAiC,CAAA;EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACrFD,iCAAiC,GAAGE,wBAAwB,GAAGC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrF,IAAA,uBAAuB,EAAAF,aAAA,CAClBG,EAAAA,EAAAA,kBAAkB,CAAC;AAAE/B,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CACjC;AACD,IAAA,eAAe,EAAA4B,aAAA,CACV/B,EAAAA,EAAAA,cAAc,CAAC;AAAEG,MAAAA,KAAK,EAALA,KAAK;AAAEG,MAAAA,SAAS,EAATA,SAAS;AAAEF,MAAAA,UAAU,EAAVA,UAAU;AAAEC,MAAAA,QAAQ,EAARA,QAAQ;AAAEE,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,CAAC,CAAA;AAC3E,GAAA,CAAA,CAAA;AAAA,CACD,CAAC,CAAA;AAEH,IAAM4B,cAAmF,GAAG,SAAtFA,cAAmFA,CAAAC,KAAA,EAYvFC,GAAG,EACA;AAAA,EAAA,IAXDC,EAAE,GAAAF,KAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACVjC,SAAS,GAAA8B,KAAA,CAAT9B,SAAS;IACTF,UAAU,GAAAgC,KAAA,CAAVhC,UAAU;IACVC,QAAQ,GAAA+B,KAAA,CAAR/B,QAAQ;IACRE,WAAW,GAAA6B,KAAA,CAAX7B,WAAW;IACXiC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IACRC,kBAAkB,GAAAL,KAAA,CAAlBK,kBAAkB;AACfC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA,CAAA,CAAA;AAIT;AACA;AACA;EACA,IAAMC,SAAS,GAAGC,YAAY,CAACT,GAAG,EAAEE,UAAU,CAACF,GAAG,CAAC,CAAA;AACnD,EAAA,IAAAU,qBAAA,GAA4BC,qBAAqB,EAAE;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe,CAAA;EAEvB,oBACEC,GAAA,CAAC3B,WAAW,EAAAQ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACVO,IAAAA,EAAE,EAAEA,EAAG;AACPhC,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBmC,IAAAA,QAAQ,EAAEA,QAAS;AACnBjC,IAAAA,WAAW,EAAEA,WAAY;AACzBuB,IAAAA,iCAAiC,EAAEmB,eAAAA;GAC/BV,EAAAA,UAAU,CACVY,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAEX,kBAAAA;AAAmB,GAAC,CAAC,CAAA,EAC7CY,sBAAsB,CAACX,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCL,IAAAA,GAAG,EAAEQ,SAAAA;AAAU,GAAA,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAEKS,IAAAA,aAAa,gBAAGC,wBAAwB,eAACC,cAAK,CAACC,UAAU,CAACtB,cAAc,CAAC,EAAE;AAC/ER,EAAAA,WAAW,EAAE,eAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/VisuallyHidden/ScreenReaderStyles.js

@@ -15,5 +15,23 @@ var screenReaderStyles = {
   wordWrap: 'normal'
 };
 
-export { screenReaderStyles };
+// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.
+//TODO: figure out and remove `legacyScreenReaderStyles` in future.
+
+var legacyScreenReaderStyles = {
+  border: 0,
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: "1px",
+  margin: '0 -1px -1px 0',
+  overflow: 'hidden',
+  padding: 0,
+  position: 'absolute',
+  width: "1px",
+  left: '-10000px',
+  whiteSpace: 'nowrap',
+  wordWrap: 'normal'
+};
+
+export { legacyScreenReaderStyles, screenReaderStyles };
 //# sourceMappingURL=ScreenReaderStyles.js.map

package/build/lib/web/development/components/VisuallyHidden/ScreenReaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}
+{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\n// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.\n//TODO: figure out and remove `legacyScreenReaderStyles` in future.\n\nconst legacyScreenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles, legacyScreenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap","legacyScreenReaderStyles","clipPath","left"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ,EAAC;;AAED;AACA;;AAEA,IAAMC,wBAAmC,GAAG;AAC1CV,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,eAAe;AACrBU,EAAAA,QAAQ,EAAE,YAAY;AACtBT,EAAAA,MAAM,EAAO,KAAA;AACbE,EAAAA,MAAM,EAAE,eAAe;AACvBE,EAAAA,QAAQ,EAAE,QAAQ;AAClBD,EAAAA,OAAO,EAAE,CAAC;AACVG,EAAAA,QAAQ,EAAE,UAAU;AACpBL,EAAAA,KAAK,EAAO,KAAA;AACZS,EAAAA,IAAI,EAAE,UAAU;AAChBL,EAAAA,UAAU,EAAE,QAAQ;AACpBE,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}

package/build/lib/web/development/components/VisuallyHidden/index.web.js

@@ -1,4 +1,4 @@
 export { VisuallyHidden } from './VisuallyHidden.web.js';
-export { screenReaderStyles } from './ScreenReaderStyles.js';
+export { legacyScreenReaderStyles, screenReaderStyles } from './ScreenReaderStyles.js';
 import './types.js';
 //# sourceMappingURL=index.web.js.map

package/build/lib/web/development/components/index.js

@@ -652,7 +652,7 @@ export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.web.js';
-export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { legacyScreenReaderStyles, screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
 export { ListView } from './ListView/ListView.web.js';
 export { ListViewFilters } from './ListView/ListViewFilters.web.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.web.js';

package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js

@@ -11,10 +11,11 @@ import '../../../utils/makeAccessible/index.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import '../../../utils/getFocusRingStyles/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
+import { useBottomSheetContext } from '../../BottomSheet/BottomSheetContext.js';
 import { jsx } from 'react/jsx-runtime';
 import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
-import { screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
+import { legacyScreenReaderStyles, screenReaderStyles } from '../../VisuallyHidden/ScreenReaderStyles.js';
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
@@ -49,8 +50,9 @@ var StyledInput = /*#__PURE__*/styled.input.withConfig({
     isChecked = _ref2.isChecked,
     isDisabled = _ref2.isDisabled,
     hasError = _ref2.hasError,
-    hoverTokens = _ref2.hoverTokens;
-  return _objectSpread(_objectSpread({}, screenReaderStyles), {}, {
+    hoverTokens = _ref2.hoverTokens,
+    shouldUseLegacyScreenReaderStyles = _ref2.shouldUseLegacyScreenReaderStyles;
+  return _objectSpread(_objectSpread({}, shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles), {}, {
     '&:focus-visible + div': _objectSpread({}, getFocusRingStyles({
       theme: theme
     })),
@@ -77,13 +79,16 @@ var _SelectorInput = function _SelectorInput(_ref3, ref) {
   // to be able to set the mixed value via setMixed() function
   // TODO: replace with a generic `mergeRefs()` util if we do this in other places
   var mergedRef = useMergeRefs(ref, inputProps.ref);
+  var _useBottomSheetContex = useBottomSheetContext(),
+    isInBottomSheet = _useBottomSheetContex.isInBottomSheet;
   return /*#__PURE__*/jsx(StyledInput, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: id,
     isChecked: isChecked,
     isDisabled: isDisabled,
     hasError: hasError,
     tabIndex: tabIndex,
-    hoverTokens: hoverTokens
+    hoverTokens: hoverTokens,
+    shouldUseLegacyScreenReaderStyles: isInBottomSheet
   }, inputProps), makeAccessible({
     label: accessibilityLabel
   })), makeAnalyticsAttribute(rest)), {}, {

package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<HoverProps>(\n  ({ theme, isChecked, isDisabled, hasError, hoverTokens }) => ({\n    ...screenReaderStyles,\n    '&:focus-visible + div': {\n      ...getFocusRingStyles({ theme }),\n    },\n    '&:hover + div': {\n      ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n    },\n  }),\n);\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","_objectSpread","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"SelectorInput.web.js","sources":["../../../../../../../src/components/Form/Selector/SelectorInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\nimport type { CSSObject } from 'styled-components';\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { HoverProps, SelectorInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { castWebType } from '~utils';\nimport { screenReaderStyles, legacyScreenReaderStyles } from '~components/VisuallyHidden';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\n\nconst getHoverStyles = ({\n  theme,\n  isDisabled,\n  hasError,\n  isChecked,\n  hoverTokens,\n}: { theme: Theme } & HoverProps): CSSObject => {\n  if (isDisabled || hasError) return {};\n\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const backgroundColor = hoverTokens.default.background[checked];\n  const borderColor = hoverTokens.default.border?.[checked];\n\n  return {\n    borderColor: borderColor ? getIn(theme, borderColor) : undefined,\n    backgroundColor: getIn(theme, backgroundColor),\n    transitionTimingFunction: theme.motion.easing.standard as string,\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n  };\n};\n\nconst StyledInput = styled.input<\n  HoverProps & {\n    shouldUseLegacyScreenReaderStyles?: boolean;\n  }\n>(({ theme, isChecked, isDisabled, hasError, hoverTokens, shouldUseLegacyScreenReaderStyles }) => ({\n  ...(shouldUseLegacyScreenReaderStyles ? legacyScreenReaderStyles : screenReaderStyles),\n  '&:focus-visible + div': {\n    ...getFocusRingStyles({ theme }),\n  },\n  '&:hover + div': {\n    ...getHoverStyles({ theme, isChecked, isDisabled, hasError, hoverTokens }),\n  },\n}));\n\nconst _SelectorInput: React.ForwardRefRenderFunction<BladeElementRef, SelectorInputProps> = (\n  {\n    id,\n    inputProps,\n    isChecked,\n    isDisabled,\n    hasError,\n    hoverTokens,\n    tabIndex,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) => {\n  // merging both refs because inputProps.ref needs to have access to indeterminate state\n  // to be able to set the mixed value via setMixed() function\n  // TODO: replace with a generic `mergeRefs()` util if we do this in other places\n  const mergedRef = useMergeRefs(ref, inputProps.ref);\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  return (\n    <StyledInput\n      id={id}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      hoverTokens={hoverTokens}\n      shouldUseLegacyScreenReaderStyles={isInBottomSheet}\n      {...inputProps}\n      {...makeAccessible({ label: accessibilityLabel })}\n      {...makeAnalyticsAttribute(rest)}\n      ref={mergedRef}\n    />\n  );\n};\n\nconst SelectorInput = assignWithoutSideEffects(React.forwardRef(_SelectorInput), {\n  displayName: 'SelectorInput',\n});\n\nexport { SelectorInput };\n"],"names":["getHoverStyles","_ref","_hoverTokens$default$","theme","isDisabled","hasError","isChecked","hoverTokens","checked","backgroundColor","background","borderColor","border","getIn","undefined","transitionTimingFunction","motion","easing","standard","transitionDuration","castWebType","makeMotionTime","duration","StyledInput","styled","input","withConfig","displayName","componentId","_ref2","shouldUseLegacyScreenReaderStyles","_objectSpread","legacyScreenReaderStyles","screenReaderStyles","getFocusRingStyles","_SelectorInput","_ref3","ref","id","inputProps","tabIndex","accessibilityLabel","rest","_objectWithoutProperties","_excluded","mergedRef","useMergeRefs","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","makeAccessible","label","makeAnalyticsAttribute","SelectorInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/VisuallyHidden/ScreenReaderStyles.js

@@ -15,5 +15,23 @@ var screenReaderStyles = {
   wordWrap: 'normal'
 };
 
-export { screenReaderStyles };
+// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.
+//TODO: figure out and remove `legacyScreenReaderStyles` in future.
+
+var legacyScreenReaderStyles = {
+  border: 0,
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: "1px",
+  margin: '0 -1px -1px 0',
+  overflow: 'hidden',
+  padding: 0,
+  position: 'absolute',
+  width: "1px",
+  left: '-10000px',
+  whiteSpace: 'nowrap',
+  wordWrap: 'normal'
+};
+
+export { legacyScreenReaderStyles, screenReaderStyles };
 //# sourceMappingURL=ScreenReaderStyles.js.map

package/build/lib/web/production/components/VisuallyHidden/ScreenReaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}
+{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n  border: '0',\n  clip: 'rect(0, 0, 0, 0)',\n  height: '1px',\n  width: '1px',\n  margin: '-1px',\n  padding: '0',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  position: 'absolute',\n  wordWrap: 'normal',\n};\n\n// So when we are using screenReaderStyles inside SelectorInput , it is causing wrong layout positioning in bottomSheet. that's why we are using legacyScreenReaderStyles only in SelectorInput.\n//TODO: figure out and remove `legacyScreenReaderStyles` in future.\n\nconst legacyScreenReaderStyles: CSSObject = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: `1px`,\n  margin: '0 -1px -1px 0',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: `1px`,\n  left: '-10000px',\n  whiteSpace: 'nowrap',\n  wordWrap: 'normal',\n};\n\nexport { screenReaderStyles, legacyScreenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap","legacyScreenReaderStyles","clipPath","left"],"mappings":"AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAA6B,GAAG;AACpCC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,QAAA;AACZ,EAAC;;AAED;AACA;;AAEA,IAAMC,wBAAmC,GAAG;AAC1CV,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,eAAe;AACrBU,EAAAA,QAAQ,EAAE,YAAY;AACtBT,EAAAA,MAAM,EAAO,KAAA;AACbE,EAAAA,MAAM,EAAE,eAAe;AACvBE,EAAAA,QAAQ,EAAE,QAAQ;AAClBD,EAAAA,OAAO,EAAE,CAAC;AACVG,EAAAA,QAAQ,EAAE,UAAU;AACpBL,EAAAA,KAAK,EAAO,KAAA;AACZS,EAAAA,IAAI,EAAE,UAAU;AAChBL,EAAAA,UAAU,EAAE,QAAQ;AACpBE,EAAAA,QAAQ,EAAE,QAAA;AACZ;;;;"}

package/build/lib/web/production/components/VisuallyHidden/index.web.js

@@ -1,4 +1,4 @@
 export { VisuallyHidden } from './VisuallyHidden.web.js';
-export { screenReaderStyles } from './ScreenReaderStyles.js';
+export { legacyScreenReaderStyles, screenReaderStyles } from './ScreenReaderStyles.js';
 import './types.js';
 //# sourceMappingURL=index.web.js.map

package/build/lib/web/production/components/index.js

@@ -652,7 +652,7 @@ export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.web.js';
-export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { legacyScreenReaderStyles, screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
 export { ListView } from './ListView/ListView.web.js';
 export { ListViewFilters } from './ListView/ListViewFilters.web.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.web.js';

package/build/types/components/index.d.ts

@@ -29455,6 +29455,7 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  * https://webaim.org/techniques/css/invisiblecontent/#techniques
  */
 declare const screenReaderStyles: CSSObject;
+declare const legacyScreenReaderStyles: CSSObject;
 
 type ListViewCommonProps = {
     children: React__default.ReactNode;
@@ -29593,4 +29594,4 @@ declare const PreviewBody: (PreviewBodyProps: PreviewBodyProps) => React__defaul
 declare const PreviewFooter: (PreviewFooterProps: PreviewFooterProps) => React__default.ReactElement;
 declare const Preview: ({ children, onFullScreen: onFullScreenProp, onZoomChange, zoomScaleStep, isDragAndZoomDisabled, defaultZoom, onDragChange, }: PreviewProps) => React__default.ReactElement;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };

package/build/types/components/index.native.d.ts

@@ -16298,6 +16298,7 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => rea
  * https://webaim.org/techniques/css/invisiblecontent/#techniques
  */
 declare const screenReaderStyles: CSSObject;
+declare const legacyScreenReaderStyles: CSSObject;
 
 type ListViewCommonProps = {
     children: react__default.ReactNode;
@@ -16436,4 +16437,4 @@ declare const PreviewHeader: (_prop: PreviewHeaderProps) => react__default.React
 declare const PreviewBody: (_prop: PreviewBodyProps) => react__default.ReactElement;
 declare const PreviewFooter: (_prop: PreviewFooterProps) => react__default.ReactElement;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.49.2",
+  "version": "12.49.3",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"