@razorpay/blade 12.40.0 → 12.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/native/components/EmptyState/EmptyState.native.js +12 -0
- package/build/lib/native/components/EmptyState/EmptyState.native.js.map +1 -0
- package/build/lib/native/components/Tabs/TabItem.native.js +2 -2
- package/build/lib/native/components/Tabs/TabItem.native.js.map +1 -1
- package/build/lib/native/components/Tabs/tabTokens.js +2 -2
- package/build/lib/native/components/Tabs/tabTokens.js.map +1 -1
- package/build/lib/native/components/Tabs/utils.js +1 -1
- package/build/lib/native/components/Tabs/utils.js.map +1 -1
- package/build/lib/native/components/index.js +1 -0
- package/build/lib/native/components/index.js.map +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/development/components/EmptyState/EmptyState.web.js +77 -0
- package/build/lib/web/development/components/EmptyState/EmptyState.web.js.map +1 -0
- package/build/lib/web/development/components/EmptyState/emptyStateTokens.js +33 -0
- package/build/lib/web/development/components/EmptyState/emptyStateTokens.js.map +1 -0
- package/build/lib/web/development/components/EmptyState/index.js +2 -0
- package/build/lib/web/development/components/EmptyState/index.js.map +1 -0
- package/build/lib/web/development/components/Tabs/TabItem.web.js +12 -21
- package/build/lib/web/development/components/Tabs/TabItem.web.js.map +1 -1
- package/build/lib/web/development/components/Tabs/tabTokens.js +57 -66
- package/build/lib/web/development/components/Tabs/tabTokens.js.map +1 -1
- package/build/lib/web/development/components/Tabs/utils.js +9 -0
- package/build/lib/web/development/components/Tabs/utils.js.map +1 -1
- package/build/lib/web/development/components/index.js +2 -0
- package/build/lib/web/development/components/index.js.map +1 -1
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js +1 -0
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/production/components/EmptyState/EmptyState.web.js +77 -0
- package/build/lib/web/production/components/EmptyState/EmptyState.web.js.map +1 -0
- package/build/lib/web/production/components/EmptyState/emptyStateTokens.js +33 -0
- package/build/lib/web/production/components/EmptyState/emptyStateTokens.js.map +1 -0
- package/build/lib/web/production/components/EmptyState/index.js +2 -0
- package/build/lib/web/production/components/EmptyState/index.js.map +1 -0
- package/build/lib/web/production/components/Tabs/TabItem.web.js +12 -21
- package/build/lib/web/production/components/Tabs/TabItem.web.js.map +1 -1
- package/build/lib/web/production/components/Tabs/tabTokens.js +57 -66
- package/build/lib/web/production/components/Tabs/tabTokens.js.map +1 -1
- package/build/lib/web/production/components/Tabs/utils.js +9 -0
- package/build/lib/web/production/components/Tabs/utils.js.map +1 -1
- package/build/lib/web/production/components/index.js +2 -0
- package/build/lib/web/production/components/index.js.map +1 -1
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js +1 -0
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/types/components/index.d.ts +603 -3
- package/build/types/components/index.native.d.ts +41 -3
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
import '../Typography/Heading/Heading.js';
|
|
3
|
+
import { Text } from '../Typography/Text/Text.js';
|
|
4
|
+
import '../Typography/Code/Code.js';
|
|
5
|
+
import '../Typography/Display/Display.js';
|
|
6
|
+
import { throwBladeError } from '../../utils/logger/logger.js';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
var EmptyState=function EmptyState(_props){throwBladeError({message:'EmptyState is not yet implemented for native',moduleName:'EmptyState'});return jsx(Text,{children:"EmptyState Component is not available for Native mobile apps."});};
|
|
10
|
+
|
|
11
|
+
export { EmptyState };
|
|
12
|
+
//# sourceMappingURL=EmptyState.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.native.js","sources":["../../../../../src/components/EmptyState/EmptyState.native.tsx"],"sourcesContent":["import React from 'react';\n/* eslint-disable react/jsx-no-useless-fragment */\nimport type { EmptyStateProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst EmptyState = (_props: EmptyStateProps): React.ReactElement => {\n throwBladeError({\n message: 'EmptyState is not yet implemented for native',\n moduleName: 'EmptyState',\n });\n\n return <Text>EmptyState Component is not available for Native mobile apps.</Text>;\n};\n\nexport { EmptyState };\n"],"names":["EmptyState","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAMM,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;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled from 'styled-components/native';
|
|
2
2
|
import 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { paddingTop, paddingBottom, paddingX } from './tabTokens.js';
|
|
4
4
|
import getIn from '../../utils/lodashButBetter/get.js';
|
|
5
5
|
import 'react-native';
|
|
6
6
|
import '@babel/runtime/helpers/slicedToArray';
|
|
@@ -9,7 +9,7 @@ import '../BladeProvider/useTheme.js';
|
|
|
9
9
|
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
|
|
10
10
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
|
|
12
|
-
var StyledTabButton=styled(BaseBox)(function(_ref){var theme=_ref.theme,size=_ref.size,variant=_ref.variant,isFullWidthTabItem=_ref.isFullWidthTabItem;var _variant=variant==='bordered'?'bordered':'filled';return {display:'flex',alignItems:'center',flexDirection:'row',width:isFullWidthTabItem?'100%':undefined,paddingTop:makeSpace(getIn(theme,
|
|
12
|
+
var StyledTabButton=styled(BaseBox)(function(_ref){var theme=_ref.theme,size=_ref.size,variant=_ref.variant,isFullWidthTabItem=_ref.isFullWidthTabItem;var _variant=variant==='bordered'?'bordered':'filled';return {display:'flex',alignItems:'center',flexDirection:'row',width:isFullWidthTabItem?'100%':undefined,paddingTop:makeSpace(getIn(theme,paddingTop[_variant].horizontal[size])),paddingBottom:makeSpace(getIn(theme,paddingBottom[_variant].horizontal[size])),paddingLeft:makeSpace(getIn(theme,paddingX[_variant].horizontal[size])),paddingRight:makeSpace(getIn(theme,paddingX[_variant].horizontal[size]))};});var TabItem=function TabItem(_props){return jsx(Fragment,{});};
|
|
13
13
|
|
|
14
14
|
export { StyledTabButton, TabItem };
|
|
15
15
|
//# sourceMappingURL=TabItem.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.native.js","sources":["../../../../../src/components/Tabs/TabItem.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport styled from 'styled-components';\nimport React from 'react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { paddingX,
|
|
1
|
+
{"version":3,"file":"TabItem.native.js","sources":["../../../../../src/components/Tabs/TabItem.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport styled from 'styled-components';\nimport React from 'react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { paddingX, paddingTop, paddingBottom } from './tabTokens';\nimport get from '~utils/lodashButBetter/get';\nimport { makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledTabButton = styled(BaseBox)<{\n size: TabsProps['size'];\n isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n variant: NonNullable<TabsProps['variant']>;\n}>(({ theme, size, variant, isFullWidthTabItem }) => {\n const _variant = variant === 'bordered' ? 'bordered' : 'filled';\n\n return {\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'row',\n width: isFullWidthTabItem ? '100%' : undefined,\n paddingTop: makeSpace(get(theme, paddingTop[_variant].horizontal[size!])),\n paddingBottom: makeSpace(get(theme, paddingBottom[_variant].horizontal[size!])),\n paddingLeft: makeSpace(get(theme, paddingX[_variant].horizontal[size!])),\n paddingRight: makeSpace(get(theme, paddingX[_variant].horizontal[size!])),\n };\n});\n\n// Internally we just loop over the TabItems and extract it's props.\n// This component itself doesn't need to render anything.\n// Check the Tabs.native.tsx file where we map over the TabItems and render them\n// via the `getTabs` utility\nconst TabItem = (_props: TabItemProps): React.ReactElement => {\n return <></>;\n};\n\nexport { TabItem, StyledTabButton };\n"],"names":["StyledTabButton","styled","BaseBox","_ref","theme","size","variant","isFullWidthTabItem","_variant","display","alignItems","flexDirection","width","undefined","paddingTop","makeSpace","get","horizontal","paddingBottom","paddingLeft","paddingX","paddingRight","TabItem","_props","_jsx","_Fragment"],"mappings":";;;;;;;;;;;AASM,IAAAA,eAAe,CAAGC,MAAM,CAACC,OAAO,CAAC,CAIpC,SAAAC,IAAA,CAAkD,CAAA,IAA/CC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAEC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAC5C,IAAMC,QAAQ,CAAGF,OAAO,GAAK,UAAU,CAAG,UAAU,CAAG,QAAQ,CAE/D,OAAO,CACLG,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,aAAa,CAAE,KAAK,CACpBC,KAAK,CAAEL,kBAAkB,CAAG,MAAM,CAAGM,SAAS,CAC9CC,UAAU,CAAEC,SAAS,CAACC,KAAG,CAACZ,KAAK,CAAEU,UAAU,CAACN,QAAQ,CAAC,CAACS,UAAU,CAACZ,IAAI,CAAE,CAAC,CAAC,CACzEa,aAAa,CAAEH,SAAS,CAACC,KAAG,CAACZ,KAAK,CAAEc,aAAa,CAACV,QAAQ,CAAC,CAACS,UAAU,CAACZ,IAAI,CAAE,CAAC,CAAC,CAC/Ec,WAAW,CAAEJ,SAAS,CAACC,KAAG,CAACZ,KAAK,CAAEgB,QAAQ,CAACZ,QAAQ,CAAC,CAACS,UAAU,CAACZ,IAAI,CAAE,CAAC,CAAC,CACxEgB,YAAY,CAAEN,SAAS,CAACC,KAAG,CAACZ,KAAK,CAAEgB,QAAQ,CAACZ,QAAQ,CAAC,CAACS,UAAU,CAACZ,IAAI,CAAE,CAAC,CAC1E,CAAC,CACH,CAAC,EAMK,IAAAiB,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5D,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var paddingTop={bordered:{horizontal:{small:'spacing.0',medium:'spacing.2',large:'spacing.4'},vertical:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'}},filled:{horizontal:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'},vertical:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'}}};var paddingBottom={bordered:{horizontal:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'},vertical:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'}},filled:{horizontal:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'},vertical:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'}}};var paddingX={bordered:{horizontal:{small:'spacing.0',medium:'spacing.0',large:'spacing.0'},vertical:{small:'spacing.4',medium:'spacing.4',large:'spacing.4'}},filled:{horizontal:{small:'spacing.3',medium:'spacing.3',large:'spacing.3'},vertical:{small:'spacing.4',medium:'spacing.4',large:'spacing.4'}}};var trackColor='surface.border.gray.muted';var textColor={selected:{default:'interactive.text.primary.subtle',highlighted:'interactive.text.primary.normal',disabled:'interactive.text.primary.normal'},unselected:{default:'interactive.text.gray.muted',highlighted:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled'}};var iconColor={unselected:{default:'interactive.icon.gray.muted',highlighted:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled'},selected:{default:'interactive.icon.primary.subtle',highlighted:'interactive.icon.primary.normal',disabled:'interactive.icon.primary.disabled'}};
|
|
2
2
|
|
|
3
|
-
export { iconColor,
|
|
3
|
+
export { iconColor, paddingBottom, paddingTop, paddingX, textColor, trackColor };
|
|
4
4
|
//# sourceMappingURL=tabTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabTokens.js","sources":["../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\
|
|
1
|
+
{"version":3,"file":"tabTokens.js","sources":["../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n TabVariants,\n Record<TabOrientation, Record<TabSizes, DotNotationSpacingStringToken>>\n>;\n\nconst paddingTop: TabItemPadding = {\n bordered: {\n horizontal: {\n small: 'spacing.0',\n medium: 'spacing.2',\n large: 'spacing.4',\n },\n vertical: {\n small: 'spacing.1',\n medium: 'spacing.2',\n large: 'spacing.3',\n },\n },\n filled: {\n horizontal: {\n small: 'spacing.1',\n medium: 'spacing.2',\n large: 'spacing.3',\n },\n vertical: {\n small: 'spacing.3',\n medium: 'spacing.4',\n large: 'spacing.4',\n },\n },\n};\n\nconst paddingBottom: TabItemPadding = {\n bordered: {\n horizontal: {\n small: 'spacing.3',\n medium: 'spacing.4',\n large: 'spacing.4',\n },\n vertical: {\n small: 'spacing.1',\n medium: 'spacing.2',\n large: 'spacing.3',\n },\n },\n filled: {\n horizontal: {\n small: 'spacing.1',\n medium: 'spacing.2',\n large: 'spacing.3',\n },\n vertical: {\n small: 'spacing.3',\n medium: 'spacing.4',\n large: 'spacing.4',\n },\n },\n};\n\nconst paddingX: TabItemPadding = {\n bordered: {\n horizontal: {\n small: 'spacing.0',\n medium: 'spacing.0',\n large: 'spacing.0',\n },\n vertical: {\n small: 'spacing.4',\n medium: 'spacing.4',\n large: 'spacing.4',\n },\n },\n filled: {\n horizontal: {\n small: 'spacing.3',\n medium: 'spacing.3',\n large: 'spacing.3',\n },\n vertical: {\n small: 'spacing.4',\n medium: 'spacing.4',\n large: 'spacing.4',\n },\n },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n selected: {\n default: 'interactive.text.primary.subtle',\n highlighted: 'interactive.text.primary.normal',\n disabled: 'interactive.text.primary.normal',\n },\n unselected: {\n default: 'interactive.text.gray.muted',\n highlighted: 'interactive.text.gray.subtle',\n disabled: 'interactive.text.gray.disabled',\n },\n} as const;\n\nconst backgroundColor = {\n unselected: {\n bordered: {\n default: 'colors.transparent',\n highlighted: 'colors.transparent',\n disabled: 'colors.transparent',\n },\n borderless: {\n default: 'colors.transparent',\n highlighted: 'colors.transparent',\n disabled: 'colors.transparent',\n },\n filled: {\n default: 'colors.transparent',\n highlighted: 'colors.interactive.background.gray.default',\n disabled: 'colors.transparent',\n },\n },\n selected: {\n bordered: {\n default: 'colors.transparent',\n highlighted: 'colors.transparent',\n disabled: 'colors.transparent',\n },\n borderless: {\n default: 'colors.transparent',\n highlighted: 'colors.transparent',\n disabled: 'colors.transparent',\n },\n filled: {\n default: 'colors.interactive.background.primary.faded',\n highlighted: 'colors.interactive.background.primary.faded',\n disabled: 'colors.transparent',\n },\n },\n} as const;\n\nconst iconColor = {\n unselected: {\n default: 'interactive.icon.gray.muted',\n highlighted: 'interactive.icon.gray.subtle',\n disabled: 'interactive.icon.gray.disabled',\n },\n selected: {\n default: 'interactive.icon.primary.subtle',\n highlighted: 'interactive.icon.primary.normal',\n disabled: 'interactive.icon.primary.disabled',\n },\n} as const;\n\nconst textSizeMap = {\n small: 'medium',\n medium: 'medium',\n large: 'large',\n} as const;\n\nexport {\n backgroundColor,\n textColor,\n iconColor,\n trackColor,\n paddingTop,\n paddingBottom,\n paddingX,\n textSizeMap,\n};\n"],"names":["paddingTop","bordered","horizontal","small","medium","large","vertical","filled","paddingBottom","paddingX","trackColor","textColor","selected","default","highlighted","disabled","unselected","iconColor"],"mappings":"AAYM,IAAAA,UAA0B,CAAG,CACjCC,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAG,aAA6B,CAAG,CACpCP,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAI,QAAwB,CAAG,CAC/BR,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAK,UAAU,CAAG,4BACb,IAAAC,SAAS,CAAG,CAChBC,QAAQ,CAAE,CACRC,OAAO,CAAE,iCAAiC,CAC1CC,WAAW,CAAE,iCAAiC,CAC9CC,QAAQ,CAAE,iCACZ,CAAC,CACDC,UAAU,CAAE,CACVH,OAAO,CAAE,6BAA6B,CACtCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CACF,EAuCM,IAAAE,SAAS,CAAG,CAChBD,UAAU,CAAE,CACVH,OAAO,CAAE,6BAA6B,CACtCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CAAC,CACDH,QAAQ,CAAE,CACRC,OAAO,CAAE,iCAAiC,CAC1CC,WAAW,CAAE,iCAAiC,CAC9CC,QAAQ,CAAE,mCACZ,CACF;;;;"}
|
|
@@ -4,7 +4,7 @@ import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowe
|
|
|
4
4
|
import { throwBladeError, logger } from '../../utils/logger/logger.js';
|
|
5
5
|
import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
|
|
6
6
|
|
|
7
|
-
var iconSizeMap={medium:'medium',large:'large'};var badgeSizeMap={medium:'small',large:'medium'};var counterSizeMap={medium:'small',large:'small'};var propRestrictionMap={Badge:{medium:{size:badgeSizeMap.medium},large:{size:badgeSizeMap.large}},Counter:{medium:{size:counterSizeMap.medium},large:{size:counterSizeMap.large}}};var useTabsItemPropRestriction=function useTabsItemPropRestriction(trailing,tabItemSize){var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),validatedTrailingComponent=_React$useState2[0],setValidatedTrailingComponent=_React$useState2[1];useIsomorphicLayoutEffect(function(){if(React__default.isValidElement(trailing)){var _propRestrictionMap$t;var trailingComponentType=getComponentId(trailing);var restrictedProps=(_propRestrictionMap$t=propRestrictionMap[trailingComponentType])==null?void 0:_propRestrictionMap$t[tabItemSize];if(__DEV__){if(!restrictedProps){throwBladeError({message:`Only Badge or Counter component is accepted as trailing`,moduleName:'TabsItem'});}var restrictedPropKeys=Object.keys(restrictedProps);for(var prop of restrictedPropKeys){var _trailing$props;if(trailing!=null&&(_trailing$props=trailing.props)!=null&&_trailing$props.hasOwnProperty(prop)){logger({message:`Do not pass "${prop}" to "${trailingComponentType}" while inside TabsItem trailing, because we override it.`,moduleName:'TabsItem',type:'warn'});}}}setValidatedTrailingComponent(React__default.cloneElement(trailing,restrictedProps));}},[tabItemSize,trailing]);return validatedTrailingComponent;};var componentIds={TabList:'TabList',TabPanel:'TabPanel'};
|
|
7
|
+
var iconSizeMap={small:'medium',medium:'medium',large:'large'};var badgeSizeMap={small:'small',medium:'small',large:'medium'};var counterSizeMap={small:'small',medium:'small',large:'small'};var propRestrictionMap={Badge:{small:{size:badgeSizeMap.small},medium:{size:badgeSizeMap.medium},large:{size:badgeSizeMap.large}},Counter:{small:{size:counterSizeMap.small},medium:{size:counterSizeMap.medium},large:{size:counterSizeMap.large}}};var useTabsItemPropRestriction=function useTabsItemPropRestriction(trailing,tabItemSize){var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),validatedTrailingComponent=_React$useState2[0],setValidatedTrailingComponent=_React$useState2[1];useIsomorphicLayoutEffect(function(){if(React__default.isValidElement(trailing)){var _propRestrictionMap$t;var trailingComponentType=getComponentId(trailing);var restrictedProps=(_propRestrictionMap$t=propRestrictionMap[trailingComponentType])==null?void 0:_propRestrictionMap$t[tabItemSize];if(__DEV__){if(!restrictedProps){throwBladeError({message:`Only Badge or Counter component is accepted as trailing`,moduleName:'TabsItem'});}var restrictedPropKeys=Object.keys(restrictedProps);for(var prop of restrictedPropKeys){var _trailing$props;if(trailing!=null&&(_trailing$props=trailing.props)!=null&&_trailing$props.hasOwnProperty(prop)){logger({message:`Do not pass "${prop}" to "${trailingComponentType}" while inside TabsItem trailing, because we override it.`,moduleName:'TabsItem',type:'warn'});}}}setValidatedTrailingComponent(React__default.cloneElement(trailing,restrictedProps));}},[tabItemSize,trailing]);return validatedTrailingComponent;};var componentIds={TabList:'TabList',TabPanel:'TabPanel'};
|
|
8
8
|
|
|
9
9
|
export { componentIds, iconSizeMap, useTabsItemPropRestriction };
|
|
10
10
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../src/components/Tabs/utils.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst iconSizeMap = {\n medium: 'medium',\n large: 'large',\n} as const;\n\nconst badgeSizeMap = {\n medium: 'small',\n large: 'medium',\n} as const;\n\nconst counterSizeMap = {\n medium: 'small',\n large: 'small',\n} as const;\n\nconst propRestrictionMap = {\n Badge: {\n medium: {\n size: badgeSizeMap.medium,\n },\n large: {\n size: badgeSizeMap.large,\n },\n },\n Counter: {\n medium: {\n size: counterSizeMap.medium,\n },\n large: {\n size: counterSizeMap.large,\n },\n },\n} as const;\n\ntype TrailingComponents = keyof typeof propRestrictionMap;\n\nconst useTabsItemPropRestriction = (\n trailing: React.ReactNode,\n tabItemSize: NonNullable<TabsProps['size']>,\n): React.ReactNode => {\n const [\n validatedTrailingComponent,\n setValidatedTrailingComponent,\n ] = React.useState<React.ReactElement | null>(null);\n\n // validate and restrict sub component props in trailing prop\n useIsomorphicLayoutEffect(() => {\n if (React.isValidElement(trailing)) {\n const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n const restrictedProps = propRestrictionMap[trailingComponentType]?.[tabItemSize];\n if (__DEV__) {\n if (!restrictedProps) {\n throwBladeError({\n message: `Only Badge or Counter component is accepted as trailing`,\n moduleName: 'TabsItem',\n });\n }\n\n const restrictedPropKeys = Object.keys(restrictedProps);\n for (const prop of restrictedPropKeys) {\n if (trailing?.props?.hasOwnProperty(prop)) {\n logger({\n message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside TabsItem trailing, because we override it.`,\n moduleName: 'TabsItem',\n type: 'warn',\n });\n }\n }\n }\n setValidatedTrailingComponent(\n React.cloneElement(trailing as React.ReactElement, restrictedProps),\n );\n }\n }, [tabItemSize, trailing]);\n\n return validatedTrailingComponent;\n};\n\nconst componentIds = {\n TabList: 'TabList',\n TabPanel: 'TabPanel',\n} as const;\n\nexport { useTabsItemPropRestriction, iconSizeMap, componentIds };\n"],"names":["iconSizeMap","medium","large","badgeSizeMap","counterSizeMap","propRestrictionMap","Badge","size","Counter","useTabsItemPropRestriction","trailing","tabItemSize","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useIsomorphicLayoutEffect","isValidElement","_propRestrictionMap$t","trailingComponentType","getComponentId","restrictedProps","__DEV__","throwBladeError","message","moduleName","restrictedPropKeys","Object","keys","prop","_trailing$props","props","hasOwnProperty","logger","type","cloneElement","componentIds","TabList","TabPanel"],"mappings":";;;;;;AAMM,IAAAA,WAAW,CAAG,CAClBC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEA,IAAMC,YAAY,CAAG,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../../src/components/Tabs/utils.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst iconSizeMap = {\n small: 'medium',\n medium: 'medium',\n large: 'large',\n} as const;\n\nconst badgeSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium',\n} as const;\n\nconst counterSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'small',\n} as const;\n\nconst propRestrictionMap = {\n Badge: {\n small: {\n size: badgeSizeMap.small,\n },\n medium: {\n size: badgeSizeMap.medium,\n },\n large: {\n size: badgeSizeMap.large,\n },\n },\n Counter: {\n small: {\n size: counterSizeMap.small,\n },\n medium: {\n size: counterSizeMap.medium,\n },\n large: {\n size: counterSizeMap.large,\n },\n },\n} as const;\n\ntype TrailingComponents = keyof typeof propRestrictionMap;\n\nconst useTabsItemPropRestriction = (\n trailing: React.ReactNode,\n tabItemSize: NonNullable<TabsProps['size']>,\n): React.ReactNode => {\n const [\n validatedTrailingComponent,\n setValidatedTrailingComponent,\n ] = React.useState<React.ReactElement | null>(null);\n\n // validate and restrict sub component props in trailing prop\n useIsomorphicLayoutEffect(() => {\n if (React.isValidElement(trailing)) {\n const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n const restrictedProps = propRestrictionMap[trailingComponentType]?.[tabItemSize];\n if (__DEV__) {\n if (!restrictedProps) {\n throwBladeError({\n message: `Only Badge or Counter component is accepted as trailing`,\n moduleName: 'TabsItem',\n });\n }\n\n const restrictedPropKeys = Object.keys(restrictedProps);\n for (const prop of restrictedPropKeys) {\n if (trailing?.props?.hasOwnProperty(prop)) {\n logger({\n message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside TabsItem trailing, because we override it.`,\n moduleName: 'TabsItem',\n type: 'warn',\n });\n }\n }\n }\n setValidatedTrailingComponent(\n React.cloneElement(trailing as React.ReactElement, restrictedProps),\n );\n }\n }, [tabItemSize, trailing]);\n\n return validatedTrailingComponent;\n};\n\nconst componentIds = {\n TabList: 'TabList',\n TabPanel: 'TabPanel',\n} as const;\n\nexport { useTabsItemPropRestriction, iconSizeMap, componentIds };\n"],"names":["iconSizeMap","small","medium","large","badgeSizeMap","counterSizeMap","propRestrictionMap","Badge","size","Counter","useTabsItemPropRestriction","trailing","tabItemSize","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useIsomorphicLayoutEffect","isValidElement","_propRestrictionMap$t","trailingComponentType","getComponentId","restrictedProps","__DEV__","throwBladeError","message","moduleName","restrictedPropKeys","Object","keys","prop","_trailing$props","props","hasOwnProperty","logger","type","cloneElement","componentIds","TabList","TabPanel"],"mappings":";;;;;;AAMM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEA,IAAMC,YAAY,CAAG,CACnBH,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,CAAU,CAEV,IAAME,cAAc,CAAG,CACrBJ,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT,CAAU,CAEV,IAAMG,kBAAkB,CAAG,CACzBC,KAAK,CAAE,CACLN,KAAK,CAAE,CACLO,IAAI,CAAEJ,YAAY,CAACH,KACrB,CAAC,CACDC,MAAM,CAAE,CACNM,IAAI,CAAEJ,YAAY,CAACF,MACrB,CAAC,CACDC,KAAK,CAAE,CACLK,IAAI,CAAEJ,YAAY,CAACD,KACrB,CACF,CAAC,CACDM,OAAO,CAAE,CACPR,KAAK,CAAE,CACLO,IAAI,CAAEH,cAAc,CAACJ,KACvB,CAAC,CACDC,MAAM,CAAE,CACNM,IAAI,CAAEH,cAAc,CAACH,MACvB,CAAC,CACDC,KAAK,CAAE,CACLK,IAAI,CAAEH,cAAc,CAACF,KACvB,CACF,CACF,CAAU,CAIJ,IAAAO,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAC9BC,QAAyB,CACzBC,WAA2C,CACvB,CACpB,IAAAC,eAAA,CAGIC,cAAK,CAACC,QAAQ,CAA4B,IAAI,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAFjDK,CAAAA,CAAAA,CAAAA,0BAA0B,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAC1BG,6BAA6B,CAAAH,gBAAA,CAI/BI,CAAAA,CAAAA,CAAAA,yBAAyB,CAAC,UAAM,CAC9B,GAAIN,cAAK,CAACO,cAAc,CAACV,QAAQ,CAAC,CAAE,KAAAW,qBAAA,CAClC,IAAMC,qBAAqB,CAAGC,cAAc,CAACb,QAAQ,CAAuB,CAC5E,IAAMc,eAAe,CAAAH,CAAAA,qBAAA,CAAGhB,kBAAkB,CAACiB,qBAAqB,CAAC,eAAzCD,qBAAA,CAA4CV,WAAW,CAAC,CAChF,GAAIc,OAAO,CAAE,CACX,GAAI,CAACD,eAAe,CAAE,CACpBE,eAAe,CAAC,CACdC,OAAO,CAAG,CAAwD,uDAAA,CAAA,CAClEC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CAEA,IAAMC,kBAAkB,CAAGC,MAAM,CAACC,IAAI,CAACP,eAAe,CAAC,CACvD,IAAK,IAAMQ,IAAI,IAAIH,kBAAkB,CAAE,KAAAI,eAAA,CACrC,GAAIvB,QAAQ,SAAAuB,eAAA,CAARvB,QAAQ,CAAEwB,KAAK,SAAfD,eAAA,CAAiBE,cAAc,CAACH,IAAI,CAAC,CAAE,CACzCI,MAAM,CAAC,CACLT,OAAO,CAAG,CAAeK,aAAAA,EAAAA,IAAK,SAAQV,qBAAsB,CAAA,yDAAA,CAA0D,CACtHM,UAAU,CAAE,UAAU,CACtBS,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CACAnB,6BAA6B,CAC3BL,cAAK,CAACyB,YAAY,CAAC5B,QAAQ,CAAwBc,eAAe,CACpE,CAAC,CACH,CACF,CAAC,CAAE,CAACb,WAAW,CAAED,QAAQ,CAAC,CAAC,CAE3B,OAAOO,0BAA0B,CACnC,EAEM,IAAAsB,YAAY,CAAG,CACnBC,OAAO,CAAE,SAAS,CAClBC,QAAQ,CAAE,UACZ;;;;"}
|
|
@@ -52,6 +52,7 @@ export { BaseFilterChip } from './Dropdown/FilterChipSelectInput.native.js';
|
|
|
52
52
|
export { FilterChipGroup } from './Dropdown/FilterChipGroup.native.js';
|
|
53
53
|
export { InputDropdownButton } from './Dropdown/InputDropdownButton.native.js';
|
|
54
54
|
export { Elevate } from './Elevate/Elevate.native.js';
|
|
55
|
+
export { EmptyState } from './EmptyState/EmptyState.native.js';
|
|
55
56
|
export { Fade } from './Fade/Fade.native.js';
|
|
56
57
|
export { FileUpload } from './FileUpload/FileUpload.native.js';
|
|
57
58
|
export { default as AcceptPaymentsIcon } from './Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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',BaseFilterChip:'base-filter-chip',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',BottomNav:'bottomnav',BottomNavItem:'bottomnav-item',Carousel:'carousel',ChatMessage:'chat-message',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',FilterChipGroup:'filter-chip-group',Icon:'icon',IconButton:'icon-button',InfoGroup:'info-group',InfoItem:'info-item',InfoItemKey:'info-item-key',InfoItemValue:'info-item-value',InfoItemIcon:'info-item-icon',Indicator:'indicator',InputGroup:'input-group',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',ListView:'list-view',ListViewFilter:'list-view-filter',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',TabNavItems:'tab-nav-items',TabNavItem:'tab-nav-item',TabNavItemLink:'tab-nav-item-link',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',TableCellWrapper:'table-cell-wrapper',TableSortButton:'table-sort-button',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',TablePageSelectionButton:'table-page-selection-button',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',PreviewWindow:'preview-window',PreviewHeader:'preview-header',PreviewBody:'preview-body',PreviewFooter:'preview-footer'};
|
|
1
|
+
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',BaseFilterChip:'base-filter-chip',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',BottomNav:'bottomnav',BottomNavItem:'bottomnav-item',Carousel:'carousel',ChatMessage:'chat-message',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',EmptyState:'empty-state',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',FilterChipGroup:'filter-chip-group',Icon:'icon',IconButton:'icon-button',InfoGroup:'info-group',InfoItem:'info-item',InfoItemKey:'info-item-key',InfoItemValue:'info-item-value',InfoItemIcon:'info-item-icon',Indicator:'indicator',InputGroup:'input-group',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',ListView:'list-view',ListViewFilter:'list-view-filter',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',TabNavItems:'tab-nav-items',TabNavItem:'tab-nav-item',TabNavItemLink:'tab-nav-item-link',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',TableCellWrapper:'table-cell-wrapper',TableSortButton:'table-sort-button',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',TablePageSelectionButton:'table-page-selection-button',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',PreviewWindow:'preview-window',PreviewHeader:'preview-header',PreviewBody:'preview-body',PreviewFooter:'preview-footer'};
|
|
2
2
|
|
|
3
3
|
export { MetaConstants };
|
|
4
4
|
//# sourceMappingURL=metaConstants.js.map
|
|
@@ -1 +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 BaseFilterChip: 'base-filter-chip',\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 BottomNav: 'bottomnav',\n BottomNavItem: 'bottomnav-item',\n Carousel: 'carousel',\n ChatMessage: 'chat-message',\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 FilterChipGroup: 'filter-chip-group',\n Icon: 'icon',\n IconButton: 'icon-button',\n InfoGroup: 'info-group',\n InfoItem: 'info-item',\n InfoItemKey: 'info-item-key',\n InfoItemValue: 'info-item-value',\n InfoItemIcon: 'info-item-icon',\n Indicator: 'indicator',\n InputGroup: 'input-group',\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 ListView: 'list-view',\n ListViewFilter: 'list-view-filter',\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 TabNavItems: 'tab-nav-items',\n TabNavItem: 'tab-nav-item',\n TabNavItemLink: 'tab-nav-item-link',\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 TableCellWrapper: 'table-cell-wrapper',\n TableSortButton: 'table-sort-button',\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 TablePageSelectionButton: 'table-page-selection-button',\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 PreviewWindow: 'preview-window',\n PreviewHeader: 'preview-header',\n PreviewBody: 'preview-body',\n PreviewFooter: 'preview-footer',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","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","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":"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"}
|
|
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 BaseFilterChip: 'base-filter-chip',\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 BottomNav: 'bottomnav',\n BottomNavItem: 'bottomnav-item',\n Carousel: 'carousel',\n ChatMessage: 'chat-message',\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 EmptyState: 'empty-state',\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 FilterChipGroup: 'filter-chip-group',\n Icon: 'icon',\n IconButton: 'icon-button',\n InfoGroup: 'info-group',\n InfoItem: 'info-item',\n InfoItemKey: 'info-item-key',\n InfoItemValue: 'info-item-value',\n InfoItemIcon: 'info-item-icon',\n Indicator: 'indicator',\n InputGroup: 'input-group',\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 ListView: 'list-view',\n ListViewFilter: 'list-view-filter',\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 TabNavItems: 'tab-nav-items',\n TabNavItem: 'tab-nav-item',\n TabNavItemLink: 'tab-nav-item-link',\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 TableCellWrapper: 'table-cell-wrapper',\n TableSortButton: 'table-sort-button',\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 TablePageSelectionButton: 'table-page-selection-button',\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 PreviewWindow: 'preview-window',\n PreviewHeader: 'preview-header',\n PreviewBody: 'preview-body',\n PreviewFooter: 'preview-footer',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","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","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter"],"mappings":"AAAa,IAAAA,aAAa,CAAG,CAC3BC,SAAS,CAAE,WAAW,CACtBC,eAAe,CAAE,kBAAkB,CACnCC,aAAa,CAAE,gBAAgB,CAC/BC,mBAAmB,CAAE,uBAAuB,CAC5CC,iBAAiB,CAAE,qBAAqB,CACxCC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,iBAAiB,CAAE,qBAAqB,CACxCC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,YAAY,CAAE,cAAc,CAC5BC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,kBAAkB,CAClCC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,UAAU,CAAE,YAAY,CACxBC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,WAAW,CACtBC,aAAa,CAAE,gBAAgB,CAC/BC,QAAQ,CAAE,UAAU,CACpBC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,YAAY,CACvBC,SAAS,CAAE,YAAY,CACvBC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,iBAAiB,CAC5BC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,MAAM,CAAE,QAAQ,CAChBC,UAAU,CAAE,aAAa,CACzBC,QAAQ,CAAE,UAAU,CACpBC,eAAe,CAAE,kBAAkB,CACnCC,cAAc,CAAE,iBAAiB,CACjCC,cAAc,CAAE,iBAAiB,CACjCC,UAAU,CAAE,YAAY,CACxBC,QAAQ,CAAE,UAAU,CACpBC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,eAAe,CAAE,mBAAmB,CACpCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,YAAY,CAAE,gBAAgB,CAC9BC,SAAS,CAAE,WAAW,CACtBC,UAAU,CAAE,aAAa,CACzBC,IAAI,CAAE,MAAM,CACZC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,kBAAkB,CAClCC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,WAAW,CACtBC,gBAAgB,CAAE,oBAAoB,CACtCC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,iBAAiB,CACjCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,aAAa,CAAE,iBAAiB,CAChCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,UAAU,CAAE,cAAc,CAC1BC,cAAc,CAAE,mBAAmB,CACnCC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,WAAW,CAAE,cAAc,CAC3BC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,UAAU,CACnBC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,eAAe,CAC7BC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,SAAS,CAAE,YAAY,CACvBC,gBAAgB,CAAE,oBAAoB,CACtCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,YAAY,CAAE,eAAe,CAC7BC,wBAAwB,CAAE,6BAA6B,CACvDC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,WAAW,CACrBC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,iBAAiB,CAAE,qBAAqB,CACxCC,iBAAiB,CAAE,qBAAqB,CACxCC,qBAAqB,CAAE,yBAAyB,CAChDC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,kBAAkB,CACnCC,iBAAiB,CAAE,oBAAoB,CACvCC,eAAe,CAAE,kBAAkB,CACnCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBAAgB,CAC/BC,kBAAkB,CAAE,sBAAsB,CAC1CC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,YAAY,CACvBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBACjB;;;;"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { emptyStateSizeTokens } from './emptyStateTokens.js';
|
|
5
|
+
import '../Box/BaseBox/index.js';
|
|
6
|
+
import '../Typography/index.js';
|
|
7
|
+
import '../../utils/metaAttribute/index.js';
|
|
8
|
+
import '../Box/styledProps/index.js';
|
|
9
|
+
import '../../utils/assignWithoutSideEffects/index.js';
|
|
10
|
+
import '../../utils/makeAnalyticsAttribute/index.js';
|
|
11
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
+
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
|
|
13
|
+
import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
|
|
14
|
+
import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
|
|
15
|
+
import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
|
|
16
|
+
import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
|
|
17
|
+
import { Heading } from '../Typography/Heading/Heading.js';
|
|
18
|
+
import { Text } from '../Typography/Text/Text.js';
|
|
19
|
+
import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
|
|
20
|
+
|
|
21
|
+
var _excluded = ["asset", "title", "description", "children", "size", "testID"];
|
|
22
|
+
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; }
|
|
23
|
+
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; }
|
|
24
|
+
var _EmptyState = function _EmptyState(_ref, ref) {
|
|
25
|
+
var asset = _ref.asset,
|
|
26
|
+
title = _ref.title,
|
|
27
|
+
description = _ref.description,
|
|
28
|
+
children = _ref.children,
|
|
29
|
+
_ref$size = _ref.size,
|
|
30
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
31
|
+
testID = _ref.testID,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
+
var tokens = emptyStateSizeTokens[size];
|
|
34
|
+
return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
35
|
+
ref: ref,
|
|
36
|
+
display: "flex",
|
|
37
|
+
flexDirection: "column",
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
justifyContent: "center",
|
|
40
|
+
gap: tokens.gapBetweenSections
|
|
41
|
+
}, metaAttribute({
|
|
42
|
+
name: MetaConstants.EmptyState,
|
|
43
|
+
testID: testID
|
|
44
|
+
})), getStyledProps(props)), makeAnalyticsAttribute(props)), {}, {
|
|
45
|
+
children: [asset ? /*#__PURE__*/jsx(BaseBox, {
|
|
46
|
+
maxWidth: tokens.assetMaxWidth,
|
|
47
|
+
maxHeight: tokens.assetMaxHeight,
|
|
48
|
+
children: asset
|
|
49
|
+
}) : null, /*#__PURE__*/jsxs(BaseBox, {
|
|
50
|
+
display: "flex",
|
|
51
|
+
flexDirection: "column",
|
|
52
|
+
gap: "spacing.1",
|
|
53
|
+
alignItems: "center",
|
|
54
|
+
children: [title ? /*#__PURE__*/jsx(Heading, {
|
|
55
|
+
textAlign: "center",
|
|
56
|
+
size: tokens.titleSize,
|
|
57
|
+
weight: "semibold",
|
|
58
|
+
color: "surface.text.gray.subtle",
|
|
59
|
+
children: title
|
|
60
|
+
}) : null, description ? /*#__PURE__*/jsx(Text, {
|
|
61
|
+
textAlign: "center",
|
|
62
|
+
size: tokens.descriptionSize,
|
|
63
|
+
color: "surface.text.gray.muted",
|
|
64
|
+
weight: "regular",
|
|
65
|
+
variant: "body",
|
|
66
|
+
children: description
|
|
67
|
+
}) : null]
|
|
68
|
+
}), children]
|
|
69
|
+
}));
|
|
70
|
+
};
|
|
71
|
+
var EmptyState = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_EmptyState), {
|
|
72
|
+
displayName: 'EmptyState',
|
|
73
|
+
componentId: 'EmptyState'
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
export { EmptyState };
|
|
77
|
+
//# sourceMappingURL=EmptyState.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.web.js","sources":["../../../../../../src/components/EmptyState/EmptyState.web.tsx"],"sourcesContent":["import React from 'react';\nimport { emptyStateSizeTokens } from './emptyStateTokens';\nimport type { EmptyStateProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _EmptyState: React.ForwardRefRenderFunction<BladeElementRef, EmptyStateProps> = (\n { asset, title, description, children, size = 'medium', testID, ...props },\n ref,\n) => {\n const tokens = emptyStateSizeTokens[size];\n\n return (\n <BaseBox\n ref={ref as never}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gap={tokens.gapBetweenSections}\n {...metaAttribute({ name: MetaConstants.EmptyState, testID })}\n {...getStyledProps(props)}\n {...makeAnalyticsAttribute(props)}\n >\n {asset ? (\n <BaseBox maxWidth={tokens.assetMaxWidth} maxHeight={tokens.assetMaxHeight}>\n {asset}\n </BaseBox>\n ) : null}\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.1\" alignItems=\"center\">\n {title ? (\n <Heading\n textAlign=\"center\"\n size={tokens.titleSize}\n weight=\"semibold\"\n color=\"surface.text.gray.subtle\"\n >\n {title}\n </Heading>\n ) : null}\n\n {description ? (\n <Text\n textAlign=\"center\"\n size={tokens.descriptionSize}\n color=\"surface.text.gray.muted\"\n weight=\"regular\"\n variant=\"body\"\n >\n {description}\n </Text>\n ) : null}\n </BaseBox>\n\n {children}\n </BaseBox>\n );\n};\n\nconst EmptyState = assignWithoutSideEffects(React.forwardRef(_EmptyState), {\n displayName: 'EmptyState',\n componentId: 'EmptyState',\n});\n\nexport { EmptyState };\n"],"names":["_EmptyState","_ref","ref","asset","title","description","children","_ref$size","size","testID","props","_objectWithoutProperties","_excluded","tokens","emptyStateSizeTokens","_jsxs","BaseBox","_objectSpread","display","flexDirection","alignItems","justifyContent","gap","gapBetweenSections","metaAttribute","name","MetaConstants","EmptyState","getStyledProps","makeAnalyticsAttribute","_jsx","maxWidth","assetMaxWidth","maxHeight","assetMaxHeight","Heading","textAlign","titleSize","weight","color","Text","descriptionSize","variant","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAEjFC,GAAG,EACA;AAAA,EAAA,IAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAEE,MAAM,GAAAR,IAAA,CAANQ,MAAM;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAGxE,EAAA,IAAMC,MAAM,GAAGC,oBAAoB,CAACN,IAAI,CAAC,CAAA;EAEzC,oBACEO,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNf,IAAAA,GAAG,EAAEA,GAAa;AAClBgB,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;IACvBC,GAAG,EAAET,MAAM,CAACU,kBAAAA;AAAmB,GAAA,EAC3BC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,UAAU;AAAElB,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACzDmB,EAAAA,cAAc,CAAClB,KAAK,CAAC,CACrBmB,EAAAA,sBAAsB,CAACnB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAJ,IAAAA,QAAA,EAEhCH,CAAAA,KAAK,gBACJ2B,GAAA,CAACd,OAAO,EAAA;MAACe,QAAQ,EAAElB,MAAM,CAACmB,aAAc;MAACC,SAAS,EAAEpB,MAAM,CAACqB,cAAe;AAAA5B,MAAAA,QAAA,EACvEH,KAAAA;AAAK,KACC,CAAC,GACR,IAAI,eACRY,IAAA,CAACC,OAAO,EAAA;AAACE,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,QAAQ;AAACG,MAAAA,GAAG,EAAC,WAAW;AAACF,MAAAA,UAAU,EAAC,QAAQ;AAAAd,MAAAA,QAAA,EAC/EF,CAAAA,KAAK,gBACJ0B,GAAA,CAACK,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,QAAQ;QAClB5B,IAAI,EAAEK,MAAM,CAACwB,SAAU;AACvBC,QAAAA,MAAM,EAAC,UAAU;AACjBC,QAAAA,KAAK,EAAC,0BAA0B;AAAAjC,QAAAA,QAAA,EAE/BF,KAAAA;OACM,CAAC,GACR,IAAI,EAEPC,WAAW,gBACVyB,GAAA,CAACU,IAAI,EAAA;AACHJ,QAAAA,SAAS,EAAC,QAAQ;QAClB5B,IAAI,EAAEK,MAAM,CAAC4B,eAAgB;AAC7BF,QAAAA,KAAK,EAAC,yBAAyB;AAC/BD,QAAAA,MAAM,EAAC,SAAS;AAChBI,QAAAA,OAAO,EAAC,MAAM;AAAApC,QAAAA,QAAA,EAEbD,WAAAA;OACG,CAAC,GACL,IAAI,CAAA;KACD,CAAC,EAETC,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKqB,IAAAA,UAAU,gBAAGgB,wBAAwB,eAACC,cAAK,CAACC,UAAU,CAAC7C,WAAW,CAAC,EAAE;AACzE8C,EAAAA,WAAW,EAAE,YAAY;AACzBC,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var emptyStateSizeTokens = {
|
|
2
|
+
small: {
|
|
3
|
+
assetMaxWidth: '60px',
|
|
4
|
+
assetMaxHeight: '60px',
|
|
5
|
+
titleSize: 'small',
|
|
6
|
+
descriptionSize: 'xsmall',
|
|
7
|
+
gapBetweenSections: 'spacing.5'
|
|
8
|
+
},
|
|
9
|
+
medium: {
|
|
10
|
+
assetMaxWidth: '90px',
|
|
11
|
+
assetMaxHeight: '90px',
|
|
12
|
+
titleSize: 'small',
|
|
13
|
+
descriptionSize: 'small',
|
|
14
|
+
gapBetweenSections: 'spacing.6'
|
|
15
|
+
},
|
|
16
|
+
large: {
|
|
17
|
+
assetMaxWidth: '120px',
|
|
18
|
+
assetMaxHeight: '120px',
|
|
19
|
+
titleSize: 'medium',
|
|
20
|
+
descriptionSize: 'medium',
|
|
21
|
+
gapBetweenSections: 'spacing.7'
|
|
22
|
+
},
|
|
23
|
+
xlarge: {
|
|
24
|
+
assetMaxWidth: '160px',
|
|
25
|
+
assetMaxHeight: '160px',
|
|
26
|
+
titleSize: 'xlarge',
|
|
27
|
+
descriptionSize: 'large',
|
|
28
|
+
gapBetweenSections: 'spacing.8'
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export { emptyStateSizeTokens };
|
|
33
|
+
//# sourceMappingURL=emptyStateTokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emptyStateTokens.js","sources":["../../../../../../src/components/EmptyState/emptyStateTokens.ts"],"sourcesContent":["import type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { HeadingProps } from '~components/Typography/Heading/Heading';\nimport type { BaseTextSizes } from '~components/Typography/BaseText/types';\n\nexport type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';\n\nexport type EmptyStateSizeTokens = {\n assetMaxWidth: DotNotationSpacingStringToken | `${string}px`;\n assetMaxHeight: DotNotationSpacingStringToken | `${string}px`;\n titleSize: Extract<HeadingProps['size'], 'small' | 'medium' | 'xlarge'>;\n descriptionSize: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n gapBetweenSections: DotNotationSpacingStringToken;\n};\n\nexport const emptyStateSizeTokens: Record<EmptyStateSize, EmptyStateSizeTokens> = {\n small: {\n assetMaxWidth: '60px',\n assetMaxHeight: '60px',\n titleSize: 'small',\n descriptionSize: 'xsmall',\n gapBetweenSections: 'spacing.5',\n },\n medium: {\n assetMaxWidth: '90px',\n assetMaxHeight: '90px',\n titleSize: 'small',\n descriptionSize: 'small',\n gapBetweenSections: 'spacing.6',\n },\n large: {\n assetMaxWidth: '120px',\n assetMaxHeight: '120px',\n titleSize: 'medium',\n descriptionSize: 'medium',\n gapBetweenSections: 'spacing.7',\n },\n xlarge: {\n assetMaxWidth: '160px',\n assetMaxHeight: '160px',\n titleSize: 'xlarge',\n descriptionSize: 'large',\n gapBetweenSections: 'spacing.8',\n },\n};\n"],"names":["emptyStateSizeTokens","small","assetMaxWidth","assetMaxHeight","titleSize","descriptionSize","gapBetweenSections","medium","large","xlarge"],"mappings":"AAcO,IAAMA,oBAAkE,GAAG;AAChFC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDC,EAAAA,MAAM,EAAE;AACNL,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDE,EAAAA,KAAK,EAAE;AACLN,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDG,EAAAA,MAAM,EAAE;AACNP,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;AACtB,GAAA;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -4,20 +4,17 @@ import styled from 'styled-components';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import { CompositeItem } from '@floating-ui/react';
|
|
6
6
|
import { useTabsContext } from './TabsContext.js';
|
|
7
|
-
import { backgroundColor,
|
|
7
|
+
import { backgroundColor, paddingTop, paddingBottom, paddingX, iconColor, textColor, textSizeMap } from './tabTokens.js';
|
|
8
8
|
import { useTabsItemPropRestriction, iconSizeMap } from './utils.js';
|
|
9
9
|
import '../Typography/index.js';
|
|
10
10
|
import '../../utils/index.js';
|
|
11
11
|
import useInteraction from '../../utils/useInteraction.js';
|
|
12
12
|
import '../../utils/makeAccessible/index.js';
|
|
13
|
-
import '../../tokens/global/index.js';
|
|
14
13
|
import '../../utils/metaAttribute/index.js';
|
|
15
14
|
import getIn from '../../utils/lodashButBetter/get.js';
|
|
16
15
|
import '../../utils/makeAnalyticsAttribute/index.js';
|
|
17
16
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
18
17
|
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
|
|
19
|
-
import { getMediaQuery } from '../../utils/getMediaQuery/getMediaQuery.js';
|
|
20
|
-
import { breakpoints } from '../../tokens/global/breakpoints.js';
|
|
21
18
|
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
|
|
22
19
|
import { castWebType } from '../../utils/platform/castUtils.js';
|
|
23
20
|
import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
|
|
@@ -35,7 +32,6 @@ var StyledTabButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
35
32
|
displayName: "TabItemweb__StyledTabButton",
|
|
36
33
|
componentId: "ucns8k-0"
|
|
37
34
|
})(function (_ref) {
|
|
38
|
-
var _ref2;
|
|
39
35
|
var theme = _ref.theme,
|
|
40
36
|
isSelected = _ref.isSelected,
|
|
41
37
|
size = _ref.size,
|
|
@@ -48,7 +44,7 @@ var StyledTabButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
48
44
|
var selectedState = isSelected ? 'selected' : 'unselected';
|
|
49
45
|
var _variant = variant === 'borderless' ? 'bordered' : variant;
|
|
50
46
|
var background = backgroundColor[selectedState][_variant];
|
|
51
|
-
return
|
|
47
|
+
return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
52
48
|
appearance: 'none',
|
|
53
49
|
textDecoration: 'none',
|
|
54
50
|
border: 'none',
|
|
@@ -60,19 +56,14 @@ var StyledTabButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
60
56
|
gap: makeSpace(theme.spacing[3]),
|
|
61
57
|
width: isFullWidthTabItem ? '100%' : undefined,
|
|
62
58
|
// Padding
|
|
63
|
-
paddingTop: makeSpace(getIn(theme,
|
|
64
|
-
paddingBottom: makeSpace(getIn(theme,
|
|
65
|
-
paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation]
|
|
66
|
-
paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation]
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
})), {
|
|
71
|
-
paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size])),
|
|
72
|
-
paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size])),
|
|
73
|
-
paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size])),
|
|
74
|
-
paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size]))
|
|
75
|
-
}), "backgroundColor", isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background["default"])), "borderRadius", isFilled && !isVertical ? theme.border.radius.small : 0), "".concat(border, "Style"), 'solid'), "".concat(border, "Width"), isFilled ? 0 : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin)), "".concat(border, "Color"), isVertical && isSelected ? theme.colors.interactive.border.primary["default"] : 'transparent'), '&:hover', _defineProperty(_defineProperty({}, "".concat(border, "Color"), isVertical && isSelected ? theme.colors.interactive.border.primary["default"] : theme.colors.interactive.border.gray.highlighted), "backgroundColor",
|
|
59
|
+
paddingTop: makeSpace(getIn(theme, paddingTop[_variant][orientation][size])),
|
|
60
|
+
paddingBottom: makeSpace(getIn(theme, paddingBottom[_variant][orientation][size])),
|
|
61
|
+
paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation][size])),
|
|
62
|
+
paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation][size])),
|
|
63
|
+
// colors
|
|
64
|
+
backgroundColor: isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background["default"]),
|
|
65
|
+
borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0
|
|
66
|
+
}, "".concat(border, "Style"), 'solid'), "".concat(border, "Width"), isFilled ? 0 : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin)), "".concat(border, "Color"), isVertical && isSelected ? theme.colors.interactive.border.primary["default"] : 'transparent'), '&:hover', _defineProperty(_defineProperty({}, "".concat(border, "Color"), isVertical && isSelected ? theme.colors.interactive.border.primary["default"] : theme.colors.interactive.border.gray.highlighted), "backgroundColor",
|
|
76
67
|
// Don't want to show hover state on filled tabs when vertical because
|
|
77
68
|
// The hover color needs to be on the TabIndicator instead.
|
|
78
69
|
isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.highlighted))), '&:disabled', {
|
|
@@ -82,7 +73,7 @@ var StyledTabButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
82
73
|
borderRadius: makeSpace(theme.border.radius.medium),
|
|
83
74
|
boxShadow: "0px 0px 0px 4px ".concat(theme.colors.surface.border.primary.muted),
|
|
84
75
|
backgroundColor: getIn(theme, background.highlighted)
|
|
85
|
-
}), "transitionProperty", 'all'),
|
|
76
|
+
}), "transitionProperty", 'all'), "transitionTimingFunction", castWebType(theme.motion.easing.standard)), "transitionDuration", castWebType(makeMotionTime(theme.motion.duration.gentle))), '*', {
|
|
86
77
|
transitionProperty: 'color, fill',
|
|
87
78
|
transitionTimingFunction: castWebType(theme.motion.easing.standard),
|
|
88
79
|
transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick))
|
|
@@ -153,7 +144,7 @@ var TabItem = function TabItem(_ref3) {
|
|
|
153
144
|
color: iconColor[selectedState][interaction]
|
|
154
145
|
}) : null, children ? /*#__PURE__*/jsx(Text, {
|
|
155
146
|
color: textColor[selectedState][interaction],
|
|
156
|
-
size: size
|
|
147
|
+
size: textSizeMap[size],
|
|
157
148
|
weight: "semibold",
|
|
158
149
|
children: children
|
|
159
150
|
}) : null, validatedTrailingComponent]
|