@razorpay/blade 11.21.9 → 11.23.0

package/build/lib/native/components/Menu/MenuItem.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+
+var MenuItem=function MenuItem(_props){throwBladeError({message:'MenuItem is not yet implemented for native',moduleName:'MenuItem'});return jsx(Text,{children:"MenuItem Component is not available for Native mobile apps."});};
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.native.js.map

package/build/lib/native/components/Menu/MenuItem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.native.js","sources":["../../../../../src/components/Menu/MenuItem.native.tsx"],"sourcesContent":["import type { MenuItemProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuItem = (_props: MenuItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuItem is not yet implemented for native',\n    moduleName: 'MenuItem',\n  });\n\n  return <Text>MenuItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuItem };\n"],"names":["MenuItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAqB,CAAyB,CAC9DC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,6DAA2D,CAAM,CAAC,CACjF;;;;"}

package/build/lib/native/components/Menu/MenuOverlay.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+
+var MenuOverlay=function MenuOverlay(_props){throwBladeError({message:'MenuOverlay is not yet implemented for native',moduleName:'MenuOverlay'});return jsx(Text,{children:"MenuOverlay Component is not available for Native mobile apps."});};
+
+export { MenuOverlay };
+//# sourceMappingURL=MenuOverlay.native.js.map

package/build/lib/native/components/Menu/MenuOverlay.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuOverlay.native.js","sources":["../../../../../src/components/Menu/MenuOverlay.native.tsx"],"sourcesContent":["import type { MenuOverlayProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuOverlay = (_props: MenuOverlayProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuOverlay is not yet implemented for native',\n    moduleName: 'MenuOverlay',\n  });\n\n  return <Text>MenuOverlay Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuOverlay };\n"],"names":["MenuOverlay","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/Menu/VisualSubComponents/MenuDivider.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import '../../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../../Typography/Text/Text.js';
+import '../../Typography/Code/Code.js';
+
+var MenuDivider=function MenuDivider(_styledProps){throwBladeError({message:'MenuDivider is not yet implemented for native',moduleName:'MenuDivider'});return jsx(Text,{children:"MenuDivider Component is not available for Native mobile apps."});};
+
+export { MenuDivider };
+//# sourceMappingURL=MenuDivider.native.js.map

package/build/lib/native/components/Menu/VisualSubComponents/MenuDivider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.native.js","sources":["../../../../../../src/components/Menu/VisualSubComponents/MenuDivider.native.tsx"],"sourcesContent":["import type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuDivider = (_styledProps: StyledPropsBlade): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuDivider is not yet implemented for native',\n    moduleName: 'MenuDivider',\n  });\n\n  return <Text>MenuDivider Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuDivider };\n"],"names":["MenuDivider","_styledProps","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,YAA8B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/Menu/VisualSubComponents/MenuHeaderFooter.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import '../../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../../Typography/Text/Text.js';
+import '../../Typography/Code/Code.js';
+
+var MenuHeader=function MenuHeader(_props){throwBladeError({message:'MenuHeader is not yet implemented for native',moduleName:'MenuHeader'});return jsx(Text,{children:"MenuHeader Component is not available for Native mobile apps."});};var MenuFooter=function MenuFooter(_props){throwBladeError({message:'MenuFooter is not yet implemented for native',moduleName:'MenuFooter'});return jsx(Text,{children:"MenuFooter Component is not available for Native mobile apps."});};
+
+export { MenuFooter, MenuHeader };
+//# sourceMappingURL=MenuHeaderFooter.native.js.map

package/build/lib/native/components/Menu/VisualSubComponents/MenuHeaderFooter.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHeaderFooter.native.js","sources":["../../../../../../src/components/Menu/VisualSubComponents/MenuHeaderFooter.native.tsx"],"sourcesContent":["import type { MenuHeaderProps, MenuFooterProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst MenuHeader = (_props: MenuHeaderProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuHeader is not yet implemented for native',\n    moduleName: 'MenuHeader',\n  });\n\n  return <Text>MenuHeader Component is not available for Native mobile apps.</Text>;\n};\n\nconst MenuFooter = (_props: MenuFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'MenuFooter is not yet implemented for native',\n    moduleName: 'MenuFooter',\n  });\n\n  return <Text>MenuFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { MenuHeader, MenuFooter };\n"],"names":["MenuHeader","_props","throwBladeError","message","moduleName","_jsx","Text","children","MenuFooter"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,MAAuB,CAAyB,CAClEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF,EAEM,IAAAC,UAAU,CAAG,SAAbA,UAAUA,CAAIP,MAAuB,CAAyB,CAClEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF;;;;"}

package/build/lib/native/components/SideNav/tokens.js

@@ -0,0 +1,12 @@
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { size } from '../../tokens/global/size.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import '../BladeProvider/useTheme.js';
+
+var SIDE_NAV_EXPANDED_L1_WIDTH_XL=size['264'];var SIDE_NAV_EXPANDED_L1_WIDTH_BASE=size['245'];
+
+export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL };
+//# sourceMappingURL=tokens.js.map

package/build/lib/native/components/SideNav/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['245'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${\n    motion.easing.standard.effective\n  }`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["SIDE_NAV_EXPANDED_L1_WIDTH_XL","size","SIDE_NAV_EXPANDED_L1_WIDTH_BASE"],"mappings":";;;;;;;;AAiBM,IAAAA,6BAA6B,CAAGC,IAAI,CAAC,KAAK,EAC1C,IAAAC,+BAA+B,CAAGD,IAAI,CAAC,KAAK;;;;"}

package/build/lib/native/components/TopNav/TabNav/TabNav.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import '../../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../../Typography/Text/Text.js';
+import '../../Typography/Code/Code.js';
+
+var TabNav=function TabNav(_props){throwBladeError({message:'TabNav is not yet implemented for native',moduleName:'TabNav'});return jsx(Text,{children:"TabNav Component is not available for Native mobile apps."});};
+
+export { TabNav };
+//# sourceMappingURL=TabNav.native.js.map

package/build/lib/native/components/TopNav/TabNav/TabNav.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.native.js","sources":["../../../../../../src/components/TopNav/TabNav/TabNav.native.tsx"],"sourcesContent":["import { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst TabNav = (_props: never): React.ReactElement => {\n  throwBladeError({\n    message: 'TabNav is not yet implemented for native',\n    moduleName: 'TabNav',\n  });\n\n  return <Text>TabNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TabNav };\n"],"names":["TabNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAGM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAa,CAAyB,CACpDC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

package/build/lib/native/components/TopNav/TabNav/TabNavItem.native.js

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
+import '../../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../../Typography/Text/Text.js';
+import '../../Typography/Code/Code.js';
+
+var TabNavItem=function TabNavItem(_props){throwBladeError({message:'TabNavItem is not yet implemented for native',moduleName:'TabNavItem'});return jsx(Text,{children:"TabNavItem Component is not available for Native mobile apps."});};
+
+export { TabNavItem };
+//# sourceMappingURL=TabNavItem.native.js.map

package/build/lib/native/components/TopNav/TabNav/TabNavItem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavItem.native.js","sources":["../../../../../../src/components/TopNav/TabNav/TabNavItem.native.tsx"],"sourcesContent":["import { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst TabNavItem = (_props: never): React.ReactElement => {\n  throwBladeError({\n    message: 'TabNavItem is not yet implemented for native',\n    moduleName: 'TabNavItem',\n  });\n\n  return <Text>TabNavItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TabNavItem };\n"],"names":["TabNavItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAGM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,MAAa,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,+DAA6D,CAAM,CAAC,CACnF;;;;"}

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

@@ -0,0 +1,17 @@
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '../Typography/BaseText/BaseText.native.js';
+import 'react';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-native';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../BladeProvider/useTheme.js';
+import { jsx } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import '../Typography/Code/Code.js';
+
+var TopNav=function TopNav(_props){throwBladeError({message:'TopNav is not yet implemented for native',moduleName:'TopNav'});return jsx(Text,{children:"TopNav Component is not available for Native mobile apps."});};
+
+export { TopNav };
+//# sourceMappingURL=TopNav.native.js.map

package/build/lib/native/components/TopNav/TopNav.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNav.native.js","sources":["../../../../../src/components/TopNav/TopNav.native.tsx"],"sourcesContent":["import { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst TopNav = (_props: never): React.ReactElement => {\n  throwBladeError({\n    message: 'TopNav is not yet implemented for native',\n    moduleName: 'TopNav',\n  });\n\n  return <Text>TopNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { TopNav };\n"],"names":["TopNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAGM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAa,CAAyB,CACpDC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}

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

@@ -404,6 +404,11 @@ export { ListItemCode } from './List/ListItemCode.js';
 export { ListItemText } from './List/ListItemText.js';
 export { announce, clearAnnouncer, destroyAnnouncer } from './LiveAnnouncer/LiveAnnouncer.native.js';
 export { Modal } from './Modal/Modal.native.js';
+export { Menu } from './Menu/Menu.native.js';
+export { MenuItem } from './Menu/MenuItem.native.js';
+export { MenuOverlay } from './Menu/MenuOverlay.native.js';
+export { MenuDivider } from './Menu/VisualSubComponents/MenuDivider.native.js';
+export { MenuFooter, MenuHeader } from './Menu/VisualSubComponents/MenuHeaderFooter.native.js';
 export { Popover } from './Popover/Popover.native.js';
 export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.native.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
@@ -416,6 +421,7 @@ export { SideNavSection } from './SideNav/SideNavSection.native.js';
 export { SideNavItem } from './SideNav/SideNavItems/SideNavItem.native.js';
 export { SideNavFooter } from './SideNav/SideNavFooter.native.js';
 export { SideNavBody } from './SideNav/SideNavBody.native.js';
+export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL } from './SideNav/tokens.js';
 export { Skeleton } from './Skeleton/Skeleton.js';
 export { SkipNavContent, SkipNavLink } from './SkipNav/SkipNav.native.js';
 export { Spinner } from './Spinner/Spinner/Spinner.js';
@@ -441,6 +447,9 @@ export { Tooltip } from './Tooltip/Tooltip.native.js';
 export { TooltipInteractiveWrapper } from './Tooltip/TooltipInteractiveWrapper.native.js';
 export { ToastContainer } from './Toast/ToastContainer.native.js';
 export { useToast } from './Toast/useToast.js';
+export { TabNav } from './TopNav/TabNav/TabNav.native.js';
+export { TabNavItem } from './TopNav/TabNav/TabNavItem.native.js';
+export { TopNav } from './TopNav/TopNav.native.js';
 export { Heading, getHeadingProps } from './Typography/Heading/Heading.js';
 export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/native/tokens/global/size.js

@@ -1,4 +1,4 @@
-var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,14:14,15:15,16:16,18:18,20:20,24:24,28:28,30:30,32:32,33:33,36:36,40:40,44:44,48:48,52:52,56:56,60:60,64:64,72:72,100:100,120:120,140:140,160:160,176:176,200:200,240:240,256:256,264:264,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
+var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,14:14,15:15,16:16,18:18,20:20,24:24,28:28,30:30,32:32,33:33,36:36,40:40,44:44,48:48,52:52,56:56,60:60,64:64,72:72,80:80,100:100,120:120,140:140,160:160,176:176,200:200,240:240,245:245,256:256,264:264,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
 
 export { size };
 //# sourceMappingURL=size.js.map

package/build/lib/native/tokens/global/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 52 px */\n  52: 52,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 256 px */\n  256: 256,\n  /** 264 px */\n  264: 264,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}
+{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 52 px */\n  52: 52,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 80 px */\n  80: 80,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 245 px */\n  245: 245,\n  /** 256 px */\n  256: 256,\n  /** 264 px */\n  264: 264,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}

package/build/lib/native/utils/metaAttribute/metaConstants.js

@@ -1,4 +1,4 @@
-var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item'};
+var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',Carousel:'carousel',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',Display:'display',Divider:'divider',Drawer:'drawer',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',Icon:'icon',IconButton:'icon-button',Indicator:'indicator',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',TopNav:'top-nav',TopNavBrand:'top-nav-brand',TopNavContent:'top-nav-content',TopNavActions:'top-nav-actions',TabNav:'tab-nav',TabNavItem:'tab-nav-item',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item'};
 
 export { MetaConstants };
 //# sourceMappingURL=metaConstants.js.map

package/build/lib/native/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItem: 'tab-nav-item',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItem","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"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"}

package/build/lib/web/development/components/ActionList/ActionListItem.js

@@ -1,19 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import styled from 'styled-components';
-import { StyledActionListItem } from './styles/StyledActionListItem.web.js';
 import { componentIds } from './componentIds.js';
 import { getNormalTextColor, validateActionListItemProps } from './actionListUtils.js';
-import { getActionListSectionRole, isRoleMenu, getActionListItemRole } from './getA11yRoles.js';
+import { getActionListSectionRole, getActionListItemRole } from './getA11yRoles.js';
 import '../Divider/index.js';
 import '../Box/BaseBox/index.js';
 import { useDropdown } from '../Dropdown/useDropdown.js';
 import '../Typography/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
-import '../Checkbox/index.js';
-import '../../tokens/global/index.js';
-import '../BladeProvider/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/makeSize/index.js';
 import '../../utils/makeAccessible/index.js';
@@ -21,7 +17,9 @@ import '../../utils/logger/index.js';
 import '../Badge/index.js';
 import '../Box/index.js';
 import { dropdownComponentIds } from '../Dropdown/dropdownComponentIds.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '../BaseMenu/index.js';
+import '../Checkbox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
@@ -31,17 +29,16 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { Text } from '../Typography/Text/Text.js';
 import { Divider } from '../Divider/Divider.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { useBaseMenuItem } from '../BaseMenu/BaseMenuContext.js';
 import { Box } from '../Box/Box.js';
 import { Badge } from '../Badge/Badge.js';
-import { size } from '../../tokens/global/size.js';
-import { Checkbox } from '../Checkbox/Checkbox.js';
-import useTheme from '../BladeProvider/useTheme.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import { BaseMenuItem } from '../BaseMenu/BaseMenuItem/BaseMenuItem.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ActionListItemContext = /*#__PURE__*/React__default.createContext({});
 var StyledActionListSectionTitle = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "ActionListItem__StyledActionListSectionTitle",
   componentId: "m6qdwa-0"
@@ -107,12 +104,12 @@ var ActionListSection = /*#__PURE__*/assignWithoutSideEffects(_ActionListSection
 var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   var icon = _ref2.icon;
   var Icon = icon;
-  var _React$useContext = React__default.useContext(ActionListItemContext),
-    intent = _React$useContext.intent,
-    isDisabled = _React$useContext.isDisabled;
+  var _useBaseMenuItem = useBaseMenuItem(),
+    color = _useBaseMenuItem.color,
+    isDisabled = _useBaseMenuItem.isDisabled;
   var iconState = isDisabled ? 'disabled' : 'muted';
   return /*#__PURE__*/jsx(Icon, {
-    color: intent === 'negative' ? 'feedback.icon.negative.intense' : "interactive.icon.gray.".concat(iconState),
+    color: color === 'negative' ? 'feedback.icon.negative.intense' : "interactive.icon.gray.".concat(iconState),
     size: "medium"
   });
 };
@@ -142,8 +139,8 @@ var ActionListItemBadge = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemB
 });
 var _ActionListItemText = function _ActionListItemText(_ref4) {
   var children = _ref4.children;
-  var _React$useContext2 = React__default.useContext(ActionListItemContext),
-    isDisabled = _React$useContext2.isDisabled;
+  var _useBaseMenuItem2 = useBaseMenuItem(),
+    isDisabled = _useBaseMenuItem2.isDisabled;
   return /*#__PURE__*/jsx(Text, {
     variant: "caption",
     color: getNormalTextColor(isDisabled, {
@@ -167,71 +164,6 @@ var makeActionListItemClickable = function makeActionListItemClickable(clickHand
     onClick: clickHandler
   };
 };
-var _ActionListItemBody = function _ActionListItemBody(_ref5) {
-  var selectionType = _ref5.selectionType,
-    intent = _ref5.intent,
-    description = _ref5.description,
-    isDisabled = _ref5.isDisabled,
-    leading = _ref5.leading,
-    trailing = _ref5.trailing,
-    title = _ref5.title,
-    titleSuffix = _ref5.titleSuffix,
-    isSelected = _ref5.isSelected;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(BaseBox, {
-      display: "flex",
-      justifyContent: "center",
-      flexDirection: "row",
-      alignItems: "center",
-      maxHeight: isReactNative() ? undefined : makeSize(size[20]),
-      children: [/*#__PURE__*/jsx(BaseBox, {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        children: selectionType === 'multiple' ?
-        /*#__PURE__*/
-        // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us
-        jsx(BaseBox, _objectSpread(_objectSpread({
-          pointerEvents: "none",
-          paddingRight: "spacing.2"
-        }, makeAccessible({
-          hidden: true
-        })), {}, {
-          children: /*#__PURE__*/jsx(Checkbox, {
-            isChecked: isSelected,
-            tabIndex: -1,
-            isDisabled: isDisabled,
-            children: null
-          })
-        })) : leading
-      }), /*#__PURE__*/jsxs(BaseBox, {
-        paddingLeft: selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3',
-        paddingRight: "spacing.3",
-        display: "flex",
-        alignItems: "center",
-        flexDirection: "row",
-        children: [/*#__PURE__*/jsx(Text, {
-          truncateAfterLines: 1,
-          color: intent === 'negative' ? 'feedback.text.negative.intense' : getNormalTextColor(isDisabled),
-          children: title
-        }), titleSuffix]
-      }), /*#__PURE__*/jsx(BaseBox, {
-        marginLeft: "auto",
-        children: trailing
-      })]
-    }), /*#__PURE__*/jsx(BaseBox, {
-      paddingLeft: leading || selectionType === 'multiple' ? 'spacing.7' : undefined,
-      children: description ? /*#__PURE__*/jsx(Text, {
-        color: getNormalTextColor(isDisabled, {
-          isMuted: true
-        }),
-        size: "small",
-        children: description
-      }) : null
-    })]
-  });
-};
-var ActionListItemBody = /*#__PURE__*/React__default.memo(_ActionListItemBody);
 
 /**
  * ### ActionListItem
@@ -263,9 +195,6 @@ var _ActionListItem = function _ActionListItem(props) {
     isKeydownPressed = _useDropdown2.isKeydownPressed,
     filteredValues = _useDropdown2.filteredValues,
     hasAutoCompleteInBottomSheetHeader = _useDropdown2.hasAutoCompleteInBottomSheetHeader;
-  var _useTheme = useTheme(),
-    platform = _useTheme.platform;
-  var isMobile = platform === 'onMobile';
   var hasAutoComplete = hasAutoCompleteInBottomSheetHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;
   var renderOnWebAs = props.href ? 'a' : 'button';
 
@@ -302,26 +231,38 @@ var _ActionListItem = function _ActionListItem(props) {
       }
     }
   }, [props.intent, dropdownTriggerer]);
-  return /*#__PURE__*/jsx(ActionListItemContext.Provider, {
-    value: {
-      intent: props.intent,
-      isDisabled: props.isDisabled
-    },
-    children: /*#__PURE__*/jsx(StyledActionListItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return (
+    /*#__PURE__*/
+    // We use this context to change the color of subcomponents like ActionListItemIcon, ActionListItemText, etc
+    jsx(BaseMenuItem, _objectSpread(_objectSpread(_objectSpread({
       isVisible: hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true,
       as: !isReactNative() ? renderOnWebAs : undefined,
       id: "".concat(dropdownBaseId, "-").concat(props._index),
-      type: "button",
       tabIndex: -1,
+      title: props.title,
+      description: props.description,
+      leading: selectionType === 'multiple' ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+        pointerEvents: "none"
+        // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us
+      }, makeAccessible({
+        hidden: true
+      })), {}, {
+        children: /*#__PURE__*/jsx(Checkbox, {
+          isChecked: isSelected,
+          tabIndex: -1,
+          isDisabled: props.isDisabled,
+          children: null
+        })
+      })) : props.leading,
+      trailing: props.trailing,
+      titleSuffix: props.titleSuffix,
       href: props.href,
       target: props.target,
-      className: activeIndex === props._index ? 'active-focus' : ''
-    }, makeAccessible({
-      selected: isSelected,
-      current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,
-      role: getActionListItemRole(dropdownTriggerer, props.href),
-      disabled: props.isDisabled
-    })), makeActionListItemClickable(function (e) {
+      className: activeIndex === props._index ? 'active-focus' : '',
+      isSelected: isSelected,
+      isDisabled: props.isDisabled,
+      role: getActionListItemRole(dropdownTriggerer, props.href)
+    }, makeActionListItemClickable(function (e) {
       if (typeof props._index === 'number') {
         var _props$onClick;
         onOptionClick(e, props._index);
@@ -345,28 +286,12 @@ var _ActionListItem = function _ActionListItem(props) {
         setShouldIgnoreBlurAnimation(false);
       },
       "data-value": props.value,
-      "data-index": props._index
-      // Custom props for changes in styles
-      ,
+      "data-index": props._index,
       selectionType: selectionType,
-      hasDescription: Boolean(props.description),
-      intent: props.intent,
-      isSelected: isSelected,
-      isKeydownPressed: isKeydownPressed,
-      isMobile: isMobile,
-      children: /*#__PURE__*/jsx(ActionListItemBody, {
-        selectionType: selectionType,
-        intent: props.intent,
-        description: props.description,
-        isDisabled: props.isDisabled,
-        leading: props.leading,
-        trailing: props.trailing,
-        title: props.title,
-        titleSuffix: props.titleSuffix,
-        isSelected: isSelected
-      })
+      color: props.intent,
+      isKeydownPressed: isKeydownPressed
     }))
-  });
+  );
 };
 var ActionListItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListItem), {
   componentId: componentIds.ActionListItem,