@razorpay/blade 11.13.1 → 11.15.0

package/build/lib/web/development/utils/omitPropsFromHTML/index.js

@@ -6,7 +6,7 @@ var filterProps = ['cursor', 'display', 'overflow', 'order', 'color', 'fontFamil
 // width height are only accepted in few components,
 // canvas, embed, iframe, input, object, video, img
 // none of them are currently supported in Box
-'width', 'height'];
+'width', 'height', 'visibility'];
 var omitPropsFromHTML = function omitPropsFromHTML(prop, defaultValidatorFn) {
   return !filterProps.includes(prop) && defaultValidatorFn(prop);
 };

package/build/lib/web/development/utils/omitPropsFromHTML/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/utils/omitPropsFromHTML/index.ts"],"sourcesContent":["// The reason we need to omit them is because styled-component thinks they are valid html attributes\n// because fontFamily, fontWeight etc are valid SVG props.\n// Here are list of valid props which emotion checks https://github.com/emotion-js/emotion/blob/main/packages/is-prop-valid/src/props.js\n// Thus we just need to ignore few of these\nconst filterProps = [\n  'cursor',\n  'display',\n  'overflow',\n  'order',\n  'color',\n  'fontFamily',\n  'fontWeight',\n  'fontSize',\n  'fontStyle',\n  'lineHeight',\n  // width height are only accepted in few components,\n  // canvas, embed, iframe, input, object, video, img\n  // none of them are currently supported in Box\n  'width',\n  'height',\n];\n\ntype shouldForwardProp = <O extends object>(\n  prop: keyof O,\n  defaultValidatorFn: (prop: keyof O) => boolean,\n) => boolean;\n\nconst omitPropsFromHTML: shouldForwardProp = (prop, defaultValidatorFn): boolean => {\n  return !filterProps.includes(prop as string) && defaultValidatorFn(prop);\n};\n\nexport { omitPropsFromHTML };\n"],"names":["filterProps","omitPropsFromHTML","prop","defaultValidatorFn","includes"],"mappings":"AAAA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,CAClB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY;AACZ;AACA;AACA;AACA,OAAO,EACP,QAAQ,CACT,CAAA;AAOKC,IAAAA,iBAAoC,GAAG,SAAvCA,iBAAoCA,CAAIC,IAAI,EAAEC,kBAAkB,EAAc;EAClF,OAAO,CAACH,WAAW,CAACI,QAAQ,CAACF,IAAc,CAAC,IAAIC,kBAAkB,CAACD,IAAI,CAAC,CAAA;AAC1E;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/utils/omitPropsFromHTML/index.ts"],"sourcesContent":["// The reason we need to omit them is because styled-component thinks they are valid html attributes\n// because fontFamily, fontWeight etc are valid SVG props.\n// Here are list of valid props which emotion checks https://github.com/emotion-js/emotion/blob/main/packages/is-prop-valid/src/props.js\n// Thus we just need to ignore few of these\nconst filterProps = [\n  'cursor',\n  'display',\n  'overflow',\n  'order',\n  'color',\n  'fontFamily',\n  'fontWeight',\n  'fontSize',\n  'fontStyle',\n  'lineHeight',\n  // width height are only accepted in few components,\n  // canvas, embed, iframe, input, object, video, img\n  // none of them are currently supported in Box\n  'width',\n  'height',\n  'visibility',\n];\n\ntype shouldForwardProp = <O extends object>(\n  prop: keyof O,\n  defaultValidatorFn: (prop: keyof O) => boolean,\n) => boolean;\n\nconst omitPropsFromHTML: shouldForwardProp = (prop, defaultValidatorFn): boolean => {\n  return !filterProps.includes(prop as string) && defaultValidatorFn(prop);\n};\n\nexport { omitPropsFromHTML };\n"],"names":["filterProps","omitPropsFromHTML","prop","defaultValidatorFn","includes"],"mappings":"AAAA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,CAClB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY;AACZ;AACA;AACA;AACA,OAAO,EACP,QAAQ,EACR,YAAY,CACb,CAAA;AAOKC,IAAAA,iBAAoC,GAAG,SAAvCA,iBAAoCA,CAAIC,IAAI,EAAEC,kBAAkB,EAAc;EAClF,OAAO,CAACH,WAAW,CAACI,QAAQ,CAACF,IAAc,CAAC,IAAIC,kBAAkB,CAACD,IAAI,CAAC,CAAA;AAC1E;;;;"}

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

@@ -34,7 +34,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 
-var _excluded = ["description", "title", "isDismissible", "onDismiss", "emphasis", "isFullWidth", "color", "actions", "testID"];
+var _excluded = ["description", "title", "isDismissible", "onDismiss", "emphasis", "isFullWidth", "color", "actions", "testID", "icon"];
 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 isReactNative = getPlatformType() === 'react-native';
@@ -62,6 +62,7 @@ var Alert = function Alert(_ref) {
     color = _ref$color === void 0 ? 'neutral' : _ref$color,
     actions = _ref.actions,
     testID = _ref.testID,
+    icon = _ref.icon,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -75,7 +76,7 @@ var Alert = function Alert(_ref) {
     setIsVisible = _useState2[1];
   var isDesktop = matchedDeviceType === 'desktop';
   var isMobile = !isDesktop;
-  var Icon = intentIconMap[color];
+  var Icon = icon !== null && icon !== void 0 ? icon : intentIconMap[color];
   var iconOffset = 'spacing.1';
 
   // certain special cases below needs special care for near perfect alignment
@@ -100,7 +101,7 @@ var Alert = function Alert(_ref) {
   var alignment = 'flex-start';
   if (!isFullWidth) alignment = 'flex-start';
   if (shouldCenterAlign) alignment = 'center';
-  var icon = /*#__PURE__*/jsx(BaseBox, {
+  var leadingIcon = /*#__PURE__*/jsx(BaseBox, {
     display: "flex",
     alignSelf: alignment,
     marginTop: iconOffset,
@@ -211,7 +212,7 @@ var Alert = function Alert(_ref) {
       isFullWidth: isFullWidth,
       isDesktop: isDesktop,
       textAlign: 'left',
-      children: [icon, /*#__PURE__*/jsxs(BaseBox, {
+      children: [leadingIcon, /*#__PURE__*/jsxs(BaseBox, {
         flex: 1,
         paddingLeft: isFullWidth ? 'spacing.4' : 'spacing.3',
         paddingRight: showActionsHorizontal ? 'spacing.4' : 'spacing.2',

package/build/lib/web/production/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport { Fragment, useState } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst Alert = ({\n  description,\n  title,\n  isDismissible = true,\n  onDismiss,\n  emphasis = 'subtle',\n  isFullWidth = false,\n  color = 'neutral',\n  actions,\n  testID,\n  ...styledProps\n}: AlertProps): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const Icon = intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  const icon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={textColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'intense' ? 'white' : color}\n        variant=\"secondary\"\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox marginRight=\"spacing.4\" display={(isReactNative ? 'flex' : 'inline-flex') as never}>\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : color}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"large\"\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {icon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","Alert","_ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","icon","_jsx","display","alignSelf","marginTop","children","concat","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","_objectSpread","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","getStyledProps","StyledAlert","textAlign","flex","paddingLeft","paddingRight"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport { Fragment, useState } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport type { IconComponent } from '~components/Icons';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be used to render custom icon\n   */\n  icon?: IconComponent;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst Alert = ({\n  description,\n  title,\n  isDismissible = true,\n  onDismiss,\n  emphasis = 'subtle',\n  isFullWidth = false,\n  color = 'neutral',\n  actions,\n  testID,\n  icon,\n  ...styledProps\n}: AlertProps): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const Icon = icon ?? intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  const leadingIcon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={textColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'intense' ? 'white' : color}\n        variant=\"secondary\"\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox marginRight=\"spacing.4\" display={(isReactNative ? 'flex' : 'inline-flex') as never}>\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : color}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"large\"\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {leadingIcon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","Alert","_ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","icon","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","leadingIcon","_jsx","display","alignSelf","marginTop","children","concat","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","_objectSpread","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","getStyledProps","StyledAlert","textAlign","flex","paddingLeft","paddingRight"],"mappings":"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"}

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

@@ -265,8 +265,13 @@ var _Amount = function _Amount(_ref4) {
         as: isReactNative ? undefined : 'span',
         opacity: isAffixSubtle ? opacity[8] : 1,
         children: currencySymbolOrCode
-      }), isStrikethrough && /*#__PURE__*/jsx(BaseBox
-      // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough
+      }), isStrikethrough &&
+      /*#__PURE__*/
+      // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
+      // @ts-ignore: the borderBottomColor error below is thrown here as well
+      jsx(BaseBox
+      // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
+      // @ts-ignore- intentionally setting the border color to the color prop for this hacky strikethrough
       , {
         borderBottomColor: amountValueColor,
         borderBottomWidth: type === 'body' ? 'thin' : 'thicker',

package/build/lib/web/production/components/Amount/Amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumber, formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>> & { formatted: string };\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[8] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.formatted}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"formatted\": \"12,500.45\",\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * else if suffix === 'humanize' => { formatted: \"1.2T\" }\n * else => { formatted: \"1,23,456\" }\n * @returns {AmountType}\n */\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n          },\n        };\n        return {\n          ...formatNumberByParts(value, options),\n          formatted: formatNumber(value, options),\n        };\n      }\n      case 'humanize': {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n\n      default: {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      formatted: `${value}`,\n    };\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  let isPrefixSymbol, currencySymbol;\n  try {\n    const byParts = formatNumberByParts(value, {\n      currency,\n    });\n    isPrefixSymbol = byParts.isPrefixSymbol;\n    currencySymbol = byParts.currency;\n  } catch (err: unknown) {\n    isPrefixSymbol = true;\n    currencySymbol = currency;\n  }\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const renderedValue = formatAmountWithSuffix({ suffix, value });\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          <BaseBox\n            // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","amount","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","decimal","fraction","formatted","formatAmountWithSuffix","_ref3","value","options","intlOptions","maximumFractionDigits","minimumFractionDigits","_objectSpread","formatNumberByParts","formatNumber","notation","trailingZeroDisplay","roundingMode","err","concat","_Amount","_ref4","_ref4$suffix","_ref4$type","_ref4$size","_ref4$weight","_ref4$isAffixSubtle","_ref4$isStrikethrough","isStrikethrough","_ref4$currencyIndicat","currencyIndicator","_ref4$currency","currency","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","isPrefixSymbol","currencySymbol","byParts","currencyPosition","renderedValue","currencySymbolOrCode","currencyFontSize","BaseBox","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumber, formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>> & { formatted: string };\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[8] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.formatted}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"formatted\": \"12,500.45\",\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * else if suffix === 'humanize' => { formatted: \"1.2T\" }\n * else => { formatted: \"1,23,456\" }\n * @returns {AmountType}\n */\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n          },\n        };\n        return {\n          ...formatNumberByParts(value, options),\n          formatted: formatNumber(value, options),\n        };\n      }\n      case 'humanize': {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n\n      default: {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      formatted: `${value}`,\n    };\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  let isPrefixSymbol, currencySymbol;\n  try {\n    const byParts = formatNumberByParts(value, {\n      currency,\n    });\n    isPrefixSymbol = byParts.isPrefixSymbol;\n    currencySymbol = byParts.currency;\n  } catch (err: unknown) {\n    isPrefixSymbol = true;\n    currencySymbol = currency;\n  }\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const renderedValue = formatAmountWithSuffix({ suffix, value });\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore: the borderBottomColor error below is thrown here as well\n          <BaseBox\n            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n            // @ts-ignore- intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","amount","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","decimal","fraction","formatted","formatAmountWithSuffix","_ref3","value","options","intlOptions","maximumFractionDigits","minimumFractionDigits","_objectSpread","formatNumberByParts","formatNumber","notation","trailingZeroDisplay","roundingMode","err","concat","_Amount","_ref4","_ref4$suffix","_ref4$type","_ref4$size","_ref4$weight","_ref4$isAffixSubtle","_ref4$isStrikethrough","isStrikethrough","_ref4$currencyIndicat","currencyIndicator","_ref4$currency","currency","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","isPrefixSymbol","currencySymbol","byParts","currencyPosition","renderedValue","currencySymbolOrCode","currencyFontSize","BaseBox","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js

@@ -69,6 +69,18 @@ var getElevationValue = function getElevationValue(elevation, theme, breakpoint)
   // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex
   getIn(theme, "elevation.".concat(responsiveElevationValue));
 };
+var getBorderStyleValue = function getBorderStyleValue(borderStyle, breakpoint, hasBorder
+// Using any as return type because borderStyle's type is incompatible with borderBottomStyle. There are ways to fix it but anyway since its internal function. Taking an easy way out
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+) {
+  if (borderStyle) {
+    return getResponsiveValue(borderStyle, breakpoint);
+  }
+  if (hasBorder) {
+    return 'solid';
+  }
+  return undefined;
+};
 var getAllProps = function getAllProps(props, breakpoint) {
   var _props$paddingTop, _props$paddingBottom, _props$paddingRight, _props$paddingLeft, _props$marginBottom, _props$marginTop, _props$marginRight, _props$marginLeft;
   var hasBorder = props.borderWidth || props.borderColor;
@@ -167,13 +179,13 @@ var getAllProps = function getAllProps(props, breakpoint) {
     borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),
     borderBottomRightRadius: getBorderRadiusValue(props.borderBottomRightRadius, props.theme, breakpoint),
     borderBottomLeftRadius: getBorderRadiusValue(props.borderBottomLeftRadius, props.theme, breakpoint),
-    borderStyle: hasBorder ? 'solid' : undefined,
+    borderStyle: getBorderStyleValue(props.borderStyle, breakpoint, Boolean(hasBorder)),
     cursor: getResponsiveValue(props.cursor, breakpoint)
   }, !hasBorder && {
-    borderTopStyle: hasBorderTop ? 'solid' : undefined,
-    borderBottomStyle: hasBorderBottom ? 'solid' : undefined,
-    borderLeftStyle: hasBorderLeft ? 'solid' : undefined,
-    borderRightStyle: hasBorderRight ? 'solid' : undefined
+    borderTopStyle: getBorderStyleValue(props.borderTopStyle, breakpoint, Boolean(hasBorderTop)),
+    borderBottomStyle: getBorderStyleValue(props.borderBottomStyle, breakpoint, Boolean(hasBorderBottom)),
+    borderLeftStyle: getBorderStyleValue(props.borderLeftStyle, breakpoint, Boolean(hasBorderLeft)),
+    borderRightStyle: getBorderStyleValue(props.borderRightStyle, breakpoint, Boolean(hasBorderRight))
   }), {}, {
     touchAction: getResponsiveValue(props.touchAction, breakpoint),
     userSelect: getResponsiveValue(props.userSelect, breakpoint),

package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSObject } from 'styled-components';\nimport type {\n  BaseBoxProps,\n  MakeValueResponsive,\n  SpacingValueType,\n  ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n  return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n  spacingValue:\n    | MakeValueResponsive<SpacingValueType | ArrayOfMaxLength4<SpacingValueType>>\n    | undefined,\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  if (isEmpty(spacingValue)) {\n    return undefined;\n  }\n\n  const responsiveSpacingValue = getResponsiveValue(\n    spacingValue as MakeValueResponsive<SpacingValueType | SpacingValueType[]>,\n    breakpoint,\n  );\n\n  if (isEmpty(responsiveSpacingValue)) {\n    return undefined;\n  }\n\n  if (responsiveSpacingValue === 'auto') {\n    return responsiveSpacingValue;\n  }\n\n  if (Array.isArray(responsiveSpacingValue)) {\n    return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n  }\n\n  if (isSpacingToken(responsiveSpacingValue)) {\n    const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n    return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n  }\n\n  // pixel or with unit values\n  return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n  color: BaseBoxProps['backgroundColor'] | BaseBoxProps['borderColor'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string => {\n  const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n  const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n  return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n  borderRadius: BaseBoxProps['borderRadius'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n  return isEmpty(responsiveBorderRadiusValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n  borderWidth: BaseBoxProps['borderWidth'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n  return isEmpty(responsiveBorderWidthValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n  elevation: BaseBoxProps['elevation'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n  return isEmpty(responsiveElevationValue)\n    ? undefined\n    : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\nconst getAllProps = (\n  props: BaseBoxProps & { theme: Theme },\n  breakpoint?: keyof Breakpoints,\n): CSSObject => {\n  const hasBorder = props.borderWidth || props.borderColor;\n  const hasBorderRight = props.borderRight || props.borderRightColor || props.borderRightWidth;\n  const hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;\n  const hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;\n  const hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;\n\n  return {\n    display: getResponsiveValue(props.display, breakpoint),\n    overflow: getResponsiveValue(props.overflow, breakpoint),\n    overflowX: getResponsiveValue(props.overflowX, breakpoint),\n    overflowY: getResponsiveValue(props.overflowY, breakpoint),\n    textAlign: getResponsiveValue(props.textAlign, breakpoint),\n    whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n    // Flex\n    flex: getResponsiveValue(props.flex, breakpoint),\n    flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n    flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n    flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n    flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n    flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n    alignItems: getResponsiveValue(props.alignItems, breakpoint),\n    alignContent: getResponsiveValue(props.alignContent, breakpoint),\n    alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n    justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n    justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n    justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n    placeItems: getResponsiveValue(props.placeItems, breakpoint),\n    order: getResponsiveValue(props.order, breakpoint),\n    position: getResponsiveValue(props.position, breakpoint),\n    zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n    // Grid\n    grid: getResponsiveValue(props.grid, breakpoint),\n    gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n    gridRow: getResponsiveValue(props.gridRow, breakpoint),\n    gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n    gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n    gridArea: getResponsiveValue(props.gridArea, breakpoint),\n    gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n    gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n    gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n    gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n    gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n    gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n    gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n    // Spacing Props\n    padding: getSpacingValue(props.padding, props.theme, breakpoint),\n    paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n    paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n    paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n    paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n    margin: getSpacingValue(props.margin, props.theme, breakpoint),\n    marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n    marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n    marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n    marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n    height: getSpacingValue(props.height, props.theme, breakpoint),\n    minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n    maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n    width: getSpacingValue(props.width, props.theme, breakpoint),\n    minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n    maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n    gap: getSpacingValue(props.gap, props.theme, breakpoint),\n    rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n    columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n    top: getSpacingValue(props.top, props.theme, breakpoint),\n    right: getSpacingValue(props.right, props.theme, breakpoint),\n    bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n    left: getSpacingValue(props.left, props.theme, breakpoint),\n\n    // Visual props\n    backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n    backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n    backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n    backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n    backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n    backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n    borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n    lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n    border: getResponsiveValue(props.border, breakpoint),\n    borderTop: getResponsiveValue(props.borderTop, breakpoint),\n    borderRight: getResponsiveValue(props.borderRight, breakpoint),\n    borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n    borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n    borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n    borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n    borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n    borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n    borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n    borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n    borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n    borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n    borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n    borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n    borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n    borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n    borderBottomRightRadius: getBorderRadiusValue(\n      props.borderBottomRightRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderBottomLeftRadius: getBorderRadiusValue(\n      props.borderBottomLeftRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderStyle: hasBorder ? 'solid' : undefined,\n    cursor: getResponsiveValue(props.cursor, breakpoint),\n    // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n    // If hasBorder is false, we need to check each border individually\n    ...(!hasBorder && {\n      borderTopStyle: hasBorderTop ? 'solid' : undefined,\n      borderBottomStyle: hasBorderBottom ? 'solid' : undefined,\n      borderLeftStyle: hasBorderLeft ? 'solid' : undefined,\n      borderRightStyle: hasBorderRight ? 'solid' : undefined,\n    }),\n\n    touchAction: getResponsiveValue(props.touchAction, breakpoint),\n    userSelect: getResponsiveValue(props.userSelect, breakpoint),\n    pointerEvents: getResponsiveValue(props.pointerEvents),\n    opacity: getResponsiveValue(props.opacity, breakpoint),\n    visibility: getResponsiveValue(props.visibility, breakpoint),\n    ...(!isReactNative() && {\n      boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n    }),\n\n    // Polygon support\n    transform: getResponsiveValue(props.transform as string, breakpoint),\n    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n    clipPath: getResponsiveValue(props.clipPath, breakpoint),\n  };\n};\n\n/** We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n  const firstDefinedValue = Object.values(cssProps).find(\n    (cssValue) => cssValue !== undefined && cssValue !== null,\n  );\n\n  return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  if (isReactNative()) {\n    return {};\n  }\n\n  const { base, ...breakpointsWithoutBase } = breakpoints;\n\n  return Object.fromEntries(\n    Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n      const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n      if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n        return [];\n      }\n\n      const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n      return [mediaQuery, cssPropsForCurrentBreakpoint];\n    }),\n  );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  return {\n    ...getAllProps(props),\n    ...getAllMediaQueries(props),\n  };\n};\n\nexport {\n  getBaseBoxStyles,\n  getSpacingValue,\n  getColorValue,\n  getBorderRadiusValue,\n  shouldAddBreakpoint,\n  getAllMediaQueries,\n  getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","concat","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","hasBorder","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","_objectSpread","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderStyle","cursor","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","Object","values","find","cssValue","getAllMediaQueries","base","breakpoints","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}
+{"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSObject } from 'styled-components';\nimport type {\n  BaseBoxProps,\n  MakeValueResponsive,\n  SpacingValueType,\n  ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n  return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n  spacingValue:\n    | MakeValueResponsive<SpacingValueType | ArrayOfMaxLength4<SpacingValueType>>\n    | undefined,\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  if (isEmpty(spacingValue)) {\n    return undefined;\n  }\n\n  const responsiveSpacingValue = getResponsiveValue(\n    spacingValue as MakeValueResponsive<SpacingValueType | SpacingValueType[]>,\n    breakpoint,\n  );\n\n  if (isEmpty(responsiveSpacingValue)) {\n    return undefined;\n  }\n\n  if (responsiveSpacingValue === 'auto') {\n    return responsiveSpacingValue;\n  }\n\n  if (Array.isArray(responsiveSpacingValue)) {\n    return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n  }\n\n  if (isSpacingToken(responsiveSpacingValue)) {\n    const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n    return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n  }\n\n  // pixel or with unit values\n  return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n  color: BaseBoxProps['backgroundColor'] | BaseBoxProps['borderColor'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string => {\n  const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n  const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n  return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n  borderRadius: BaseBoxProps['borderRadius'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n  return isEmpty(responsiveBorderRadiusValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n  borderWidth: BaseBoxProps['borderWidth'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n  return isEmpty(responsiveBorderWidthValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n  elevation: BaseBoxProps['elevation'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n  return isEmpty(responsiveElevationValue)\n    ? undefined\n    : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\ntype GetBorderStyleValueReturnType =\n  | CSSObject['borderStyle']\n  | CSSObject['borderTopStyle']\n  | CSSObject['borderBottomStyle']\n  | CSSObject['borderLeftStyle']\n  | CSSObject['borderRightStyle'];\nconst getBorderStyleValue = (\n  borderStyle: BaseBoxProps['borderStyle'],\n  breakpoint?: keyof Breakpoints,\n  hasBorder?: boolean,\n  // Using any as return type because borderStyle's type is incompatible with borderBottomStyle. There are ways to fix it but anyway since its internal function. Taking an easy way out\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): GetBorderStyleValueReturnType => {\n  if (borderStyle) {\n    return getResponsiveValue(borderStyle, breakpoint);\n  }\n\n  if (hasBorder) {\n    return 'solid';\n  }\n\n  return undefined;\n};\n\nconst getAllProps = (\n  props: BaseBoxProps & { theme: Theme },\n  breakpoint?: keyof Breakpoints,\n): CSSObject => {\n  const hasBorder = props.borderWidth || props.borderColor;\n  const hasBorderRight = props.borderRight || props.borderRightColor || props.borderRightWidth;\n  const hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;\n  const hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;\n  const hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;\n\n  return {\n    display: getResponsiveValue(props.display, breakpoint),\n    overflow: getResponsiveValue(props.overflow, breakpoint),\n    overflowX: getResponsiveValue(props.overflowX, breakpoint),\n    overflowY: getResponsiveValue(props.overflowY, breakpoint),\n    textAlign: getResponsiveValue(props.textAlign, breakpoint),\n    whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n    // Flex\n    flex: getResponsiveValue(props.flex, breakpoint),\n    flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n    flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n    flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n    flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n    flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n    alignItems: getResponsiveValue(props.alignItems, breakpoint),\n    alignContent: getResponsiveValue(props.alignContent, breakpoint),\n    alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n    justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n    justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n    justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n    placeItems: getResponsiveValue(props.placeItems, breakpoint),\n    order: getResponsiveValue(props.order, breakpoint),\n    position: getResponsiveValue(props.position, breakpoint),\n    zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n    // Grid\n    grid: getResponsiveValue(props.grid, breakpoint),\n    gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n    gridRow: getResponsiveValue(props.gridRow, breakpoint),\n    gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n    gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n    gridArea: getResponsiveValue(props.gridArea, breakpoint),\n    gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n    gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n    gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n    gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n    gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n    gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n    gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n    // Spacing Props\n    padding: getSpacingValue(props.padding, props.theme, breakpoint),\n    paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n    paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n    paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n    paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n    margin: getSpacingValue(props.margin, props.theme, breakpoint),\n    marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n    marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n    marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n    marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n    height: getSpacingValue(props.height, props.theme, breakpoint),\n    minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n    maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n    width: getSpacingValue(props.width, props.theme, breakpoint),\n    minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n    maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n    gap: getSpacingValue(props.gap, props.theme, breakpoint),\n    rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n    columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n    top: getSpacingValue(props.top, props.theme, breakpoint),\n    right: getSpacingValue(props.right, props.theme, breakpoint),\n    bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n    left: getSpacingValue(props.left, props.theme, breakpoint),\n\n    // Visual props\n    backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n    backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n    backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n    backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n    backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n    backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n    borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n    lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n    border: getResponsiveValue(props.border, breakpoint),\n    borderTop: getResponsiveValue(props.borderTop, breakpoint),\n    borderRight: getResponsiveValue(props.borderRight, breakpoint),\n    borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n    borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n    borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n    borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n    borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n    borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n    borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n    borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n    borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n    borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n    borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n    borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n    borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n    borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n    borderBottomRightRadius: getBorderRadiusValue(\n      props.borderBottomRightRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderBottomLeftRadius: getBorderRadiusValue(\n      props.borderBottomLeftRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderStyle: getBorderStyleValue(\n      props.borderStyle,\n      breakpoint,\n      Boolean(hasBorder),\n    ) as CSSObject['borderStyle'],\n    cursor: getResponsiveValue(props.cursor, breakpoint),\n    // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n    // If hasBorder is false, we need to check each border individually\n    ...(!hasBorder && {\n      borderTopStyle: getBorderStyleValue(\n        props.borderTopStyle,\n        breakpoint,\n        Boolean(hasBorderTop),\n      ) as CSSObject['borderTopStyle'],\n      borderBottomStyle: getBorderStyleValue(\n        props.borderBottomStyle,\n        breakpoint,\n        Boolean(hasBorderBottom),\n      ) as CSSObject['borderBottomStyle'],\n      borderLeftStyle: getBorderStyleValue(\n        props.borderLeftStyle,\n        breakpoint,\n        Boolean(hasBorderLeft),\n      ) as CSSObject['borderLeftStyle'],\n      borderRightStyle: getBorderStyleValue(\n        props.borderRightStyle,\n        breakpoint,\n        Boolean(hasBorderRight),\n      ) as CSSObject['borderRightStyle'],\n    }),\n    touchAction: getResponsiveValue(props.touchAction, breakpoint),\n    userSelect: getResponsiveValue(props.userSelect, breakpoint),\n    pointerEvents: getResponsiveValue(props.pointerEvents),\n    opacity: getResponsiveValue(props.opacity, breakpoint),\n    visibility: getResponsiveValue(props.visibility, breakpoint),\n    ...(!isReactNative() && {\n      boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n    }),\n\n    // Polygon support\n    transform: getResponsiveValue(props.transform as string, breakpoint),\n    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n    clipPath: getResponsiveValue(props.clipPath, breakpoint),\n  };\n};\n\n/** We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n  const firstDefinedValue = Object.values(cssProps).find(\n    (cssValue) => cssValue !== undefined && cssValue !== null,\n  );\n\n  return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  if (isReactNative()) {\n    return {};\n  }\n\n  const { base, ...breakpointsWithoutBase } = breakpoints;\n\n  return Object.fromEntries(\n    Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n      const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n      if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n        return [];\n      }\n\n      const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n      return [mediaQuery, cssPropsForCurrentBreakpoint];\n    }),\n  );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  return {\n    ...getAllProps(props),\n    ...getAllMediaQueries(props),\n  };\n};\n\nexport {\n  getBaseBoxStyles,\n  getSpacingValue,\n  getColorValue,\n  getBorderRadiusValue,\n  shouldAddBreakpoint,\n  getAllMediaQueries,\n  getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","concat","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getBorderStyleValue","borderStyle","hasBorder","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","_objectSpread","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","Boolean","cursor","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","Object","values","find","cssValue","getAllMediaQueries","base","breakpoints","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}

package/build/lib/web/production/components/Box/BaseBox/types/propsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsTypes.js","sources":["../../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n  {\n    height: SpacingValueType;\n    minHeight: SpacingValueType;\n    maxHeight: SpacingValueType;\n    width: SpacingValueType;\n    minWidth: SpacingValueType;\n    maxWidth: SpacingValueType;\n  } & PickCSSByPlatform<\n    'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'\n  >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n  {\n    /**\n     * This uses the native gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=gap\n     */\n    gap: SpacingValueType;\n    /**\n     * This uses the native row-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=row-gap\n     */\n    rowGap: SpacingValueType;\n    /**\n     * This uses the native column-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=column-gap\n     */\n    columnGap: SpacingValueType;\n    /**\n     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n     *\n     * @see https://developer.mozilla.org/docs/Web/CSS/flex\n     */\n    flex: string | number;\n  } & PickCSSByPlatform<\n    | 'flexWrap'\n    | 'flexDirection'\n    | 'flexGrow'\n    | 'flexShrink'\n    | 'flexBasis'\n    | 'alignItems'\n    | 'alignContent'\n    | 'alignSelf'\n    | 'justifyItems'\n    | 'justifyContent'\n    | 'justifySelf'\n    | 'placeSelf'\n    | 'placeItems'\n    | 'order'\n  >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n  {\n    top: SpacingValueType;\n    right: SpacingValueType;\n    bottom: SpacingValueType;\n    left: SpacingValueType;\n  } & PickCSSByPlatform<'position' | 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n  PickCSSByPlatform<\n    | 'grid'\n    | 'gridColumn'\n    | 'gridRow'\n    | 'gridRowStart'\n    | 'gridRowEnd'\n    | 'gridColumnStart'\n    | 'gridColumnEnd'\n    | 'gridArea'\n    | 'gridAutoFlow'\n    | 'gridAutoRows'\n    | 'gridAutoColumns'\n    | 'gridTemplate'\n    | 'gridTemplateAreas'\n    | 'gridTemplateColumns'\n    | 'gridTemplateRows'\n  >\n>;\n\ntype ColorObjects = 'feedback' | 'surface' | 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' | 'overlay';\ntype BackgroundColorString<\n  T extends ColorObjects | BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n  Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n  'div',\n  'section',\n  'footer',\n  'header',\n  'main',\n  'aside',\n  'nav',\n  'span',\n  'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n  {\n    borderRadius: keyof Border['radius'];\n    borderWidth: keyof Border['width'];\n    borderColor: BorderColorString<'surface'>;\n    borderTopWidth: keyof Border['width'];\n    borderTopColor: BorderColorString<'surface'>;\n    borderRightWidth: keyof Border['width'];\n    borderRightColor: BorderColorString<'surface'>;\n    borderBottomWidth: keyof Border['width'];\n    borderBottomColor: BorderColorString<'surface'>;\n    borderLeftWidth: keyof Border['width'];\n    borderLeftColor: BorderColorString<'surface'>;\n    borderTopLeftRadius: keyof Border['radius'];\n    borderTopRightRadius: keyof Border['radius'];\n    borderBottomRightRadius: keyof Border['radius'];\n    borderBottomLeftRadius: keyof Border['radius'];\n  } & PickCSSByPlatform<\n    | 'backgroundImage'\n    | 'backgroundSize'\n    | 'backgroundPosition'\n    | 'backgroundOrigin'\n    | 'backgroundRepeat'\n    | 'pointerEvents'\n    | 'opacity'\n    | 'visibility'\n    | 'transform'\n    | 'transformOrigin'\n    | 'clipPath'\n  > & {\n      /**\n       * Sets the elevation for Box\n       *\n       * eg: `theme.elevation.midRaised`\n       *\n       * @default `theme.elevation.lowRaised`\n       *\n       * **Links:**\n       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n       */\n      elevation?: keyof Elevation;\n    }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n  {\n    backgroundColor:\n      | BackgroundColorString<'feedback'>\n      | BackgroundColorString<'surface'>\n      | BackgroundColorString<'interactive'>\n      | BackgroundColorString<'overlay'>\n      | BackgroundColorString<'popup'>\n      | 'transparent'\n      | (string & Record<never, never>);\n    lineHeight: SpacingValueType;\n    touchAction: CSSObject['touchAction'];\n    userSelect: CSSObject['userSelect'];\n  } & PickCSSByPlatform<\n    | 'border'\n    | 'borderLeft'\n    | 'borderRight'\n    | 'borderTop'\n    | 'borderBottom'\n    | 'opacity'\n    | 'pointerEvents'\n    | 'cursor'\n  >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n  backgroundColor: BackgroundColorString<'surface'> | 'transparent';\n}> & {\n  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n  // styled-components do not support passing `as` prop as an object\n  as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n  Omit<\n    MarginProps &\n      Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &\n      PositionProps &\n      Pick<\n        GridProps,\n        | 'gridColumn'\n        | 'gridRow'\n        | 'gridRowStart'\n        | 'gridRowEnd'\n        | 'gridColumnStart'\n        | 'gridColumnEnd'\n        | 'gridArea'\n      > &\n      Pick<LayoutProps, 'display'>,\n    '__brand__'\n  >\n>;\n\ntype BoxCallbackProps = Omit<\n  Platform.Select<{\n    web: {\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseOver: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseEnter: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseLeave: React.MouseEventHandler<HTMLElement>;\n      onScroll: React.UIEventHandler<HTMLElement>;\n    };\n    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;\n  }>,\n  '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n  Platform.Select<{\n    web: {\n      draggable: boolean;\n      onDragStart: React.DragEventHandler<HTMLElement>;\n      onDragEnter: React.DragEventHandler<HTMLElement>;\n      onDragLeave: React.DragEventHandler<HTMLElement>;\n      onDragOver: React.DragEventHandler<HTMLElement>;\n      onDragEnd: React.DragEventHandler<HTMLElement>;\n      onDrop: React.DragEventHandler<HTMLElement>;\n    };\n    native: Record<\n      | 'draggable'\n      | 'onDragStart'\n      | 'onDragEnter'\n      | 'onDragLeave'\n      | 'onDragOver'\n      | 'onDragEnd'\n      | 'onDrop',\n      undefined\n    >;\n  }>,\n  '__brand__'\n>;\n\ntype BoxProps = Partial<\n  PaddingProps &\n    MarginProps &\n    LayoutProps &\n    FlexboxProps &\n    PositionProps &\n    GridProps &\n    BoxCallbackProps &\n    BoxDragAndDropProps &\n    CommonBoxVisualProps &\n    BoxVisualProps & {\n      children?: React.ReactNode | React.ReactNode[];\n      tabIndex?: number;\n      id?: string;\n    } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n  Partial<\n    BaseBoxVisualProps & {\n      className?: string;\n      id?: string;\n      tabIndex?: number;\n    }\n  > &\n  BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n  web: Omit<HTMLElement, 'style'>;\n  native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA6GA;AACMA,IAAAA,gBAAgB,GAAG,CACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO;;;;"}
+{"version":3,"file":"propsTypes.js","sources":["../../../../../../../../src/components/Box/BaseBox/types/propsTypes.ts"],"sourcesContent":["import type { View } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport type { MarginProps, PaddingProps, SpacingValueType } from './spacingTypes';\nimport type { MakeObjectResponsive } from './responsiveTypes';\nimport type { Theme } from '~components/BladeProvider';\nimport type { Border, Elevation } from '~tokens/global';\nimport type { PickCSSByPlatform, TestID } from '~utils/types';\nimport type { Platform } from '~utils';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\ntype LayoutProps = MakeObjectResponsive<\n  {\n    height: SpacingValueType;\n    minHeight: SpacingValueType;\n    maxHeight: SpacingValueType;\n    width: SpacingValueType;\n    minWidth: SpacingValueType;\n    maxWidth: SpacingValueType;\n  } & PickCSSByPlatform<\n    'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'\n  >\n>;\n\ntype FlexboxProps = MakeObjectResponsive<\n  {\n    /**\n     * This uses the native gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=gap\n     */\n    gap: SpacingValueType;\n    /**\n     * This uses the native row-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=row-gap\n     */\n    rowGap: SpacingValueType;\n    /**\n     * This uses the native column-gap property which might not work on older browsers.\n     * If you want to support older browsers, you might want to use `margin` instead.\n     *\n     * @see https://caniuse.com/?search=column-gap\n     */\n    columnGap: SpacingValueType;\n    /**\n     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.\n     *\n     * @see https://developer.mozilla.org/docs/Web/CSS/flex\n     */\n    flex: string | number;\n  } & PickCSSByPlatform<\n    | 'flexWrap'\n    | 'flexDirection'\n    | 'flexGrow'\n    | 'flexShrink'\n    | 'flexBasis'\n    | 'alignItems'\n    | 'alignContent'\n    | 'alignSelf'\n    | 'justifyItems'\n    | 'justifyContent'\n    | 'justifySelf'\n    | 'placeSelf'\n    | 'placeItems'\n    | 'order'\n  >\n>;\n\ntype PositionProps = MakeObjectResponsive<\n  {\n    top: SpacingValueType;\n    right: SpacingValueType;\n    bottom: SpacingValueType;\n    left: SpacingValueType;\n  } & PickCSSByPlatform<'position' | 'zIndex'>\n>;\n\ntype GridProps = MakeObjectResponsive<\n  PickCSSByPlatform<\n    | 'grid'\n    | 'gridColumn'\n    | 'gridRow'\n    | 'gridRowStart'\n    | 'gridRowEnd'\n    | 'gridColumnStart'\n    | 'gridColumnEnd'\n    | 'gridArea'\n    | 'gridAutoFlow'\n    | 'gridAutoRows'\n    | 'gridAutoColumns'\n    | 'gridTemplate'\n    | 'gridTemplateAreas'\n    | 'gridTemplateColumns'\n    | 'gridTemplateRows'\n  >\n>;\n\ntype ColorObjects = 'feedback' | 'surface' | 'interactive';\ntype BackgroundOnlyColorObjects = 'popup' | 'overlay';\ntype BackgroundColorString<\n  T extends ColorObjects | BackgroundOnlyColorObjects\n> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;\ntype BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<\n  Theme['colors'][T]['border']\n>}`;\n\n// Created this as an array so I can reuse it for runtime validation\nconst validBoxAsValues = [\n  'div',\n  'section',\n  'footer',\n  'header',\n  'main',\n  'aside',\n  'nav',\n  'span',\n  'label',\n] as const;\n\ntype BoxAsType = typeof validBoxAsValues[number];\n\n// Visual props that are common for both Box and BaseBox\ntype CommonBoxVisualProps = MakeObjectResponsive<\n  {\n    borderRadius: keyof Border['radius'];\n    borderWidth: keyof Border['width'];\n    borderColor: BorderColorString<'surface'>;\n    borderTopWidth: keyof Border['width'];\n    borderTopColor: BorderColorString<'surface'>;\n    borderRightWidth: keyof Border['width'];\n    borderRightColor: BorderColorString<'surface'>;\n    borderBottomWidth: keyof Border['width'];\n    borderBottomColor: BorderColorString<'surface'>;\n    borderLeftWidth: keyof Border['width'];\n    borderLeftColor: BorderColorString<'surface'>;\n    borderTopLeftRadius: keyof Border['radius'];\n    borderTopRightRadius: keyof Border['radius'];\n    borderBottomRightRadius: keyof Border['radius'];\n    borderBottomLeftRadius: keyof Border['radius'];\n  } & PickCSSByPlatform<\n    | 'backgroundImage'\n    | 'backgroundSize'\n    | 'backgroundPosition'\n    | 'backgroundOrigin'\n    | 'backgroundRepeat'\n    | 'pointerEvents'\n    | 'opacity'\n    | 'visibility'\n    | 'transform'\n    | 'transformOrigin'\n    | 'clipPath'\n    | 'borderStyle'\n    | 'borderTopStyle'\n    | 'borderBottomStyle'\n    | 'borderLeftStyle'\n    | 'borderRightStyle'\n  > & {\n      /**\n       * Sets the elevation for Box\n       *\n       * eg: `theme.elevation.midRaised`\n       *\n       * @default `theme.elevation.lowRaised`\n       *\n       * **Links:**\n       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n       */\n      elevation?: keyof Elevation;\n    }\n>;\n\n// Visual props that are specific BaseBox\n// This is used to ensure some of the more flexible BaseBox props are not passed to Box\ntype BaseBoxVisualProps = MakeObjectResponsive<\n  {\n    backgroundColor:\n      | BackgroundColorString<'feedback'>\n      | BackgroundColorString<'surface'>\n      | BackgroundColorString<'interactive'>\n      | BackgroundColorString<'overlay'>\n      | BackgroundColorString<'popup'>\n      | 'transparent'\n      | (string & Record<never, never>);\n    lineHeight: SpacingValueType;\n    touchAction: CSSObject['touchAction'];\n    userSelect: CSSObject['userSelect'];\n  } & PickCSSByPlatform<\n    | 'border'\n    | 'borderLeft'\n    | 'borderRight'\n    | 'borderTop'\n    | 'borderBottom'\n    | 'opacity'\n    | 'pointerEvents'\n    | 'cursor'\n  >\n>;\n\n// Visual props that are specific to Box\ntype BoxVisualProps = MakeObjectResponsive<{\n  backgroundColor: BackgroundColorString<'surface'> | 'transparent';\n}> & {\n  // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object\n  // styled-components do not support passing `as` prop as an object\n  as: BoxAsType;\n};\n\ntype StyledPropsBlade = Partial<\n  Omit<\n    MarginProps &\n      Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &\n      PositionProps &\n      Pick<\n        GridProps,\n        | 'gridColumn'\n        | 'gridRow'\n        | 'gridRowStart'\n        | 'gridRowEnd'\n        | 'gridColumnStart'\n        | 'gridColumnEnd'\n        | 'gridArea'\n      > &\n      Pick<LayoutProps, 'display'> &\n      Pick<CommonBoxVisualProps, 'visibility'>,\n    '__brand__'\n  >\n>;\n\ntype BoxCallbackProps = Omit<\n  Platform.Select<{\n    web: {\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseOver: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseEnter: React.MouseEventHandler<HTMLElement>;\n      /**\n       * **Warning**\n       *\n       * Make sure to not use Box when you want to create a trigger that performs action on hover.\n       * You would probably want to render it as `button` using `styled.button` instead.\n       *\n       * Use this for hoverable containers in cases like custom menus.\n       */\n      onMouseLeave: React.MouseEventHandler<HTMLElement>;\n      onScroll: React.UIEventHandler<HTMLElement>;\n    };\n    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;\n  }>,\n  '__brand__'\n>;\n\ntype BoxDragAndDropProps = Omit<\n  Platform.Select<{\n    web: {\n      draggable: boolean;\n      onDragStart: React.DragEventHandler<HTMLElement>;\n      onDragEnter: React.DragEventHandler<HTMLElement>;\n      onDragLeave: React.DragEventHandler<HTMLElement>;\n      onDragOver: React.DragEventHandler<HTMLElement>;\n      onDragEnd: React.DragEventHandler<HTMLElement>;\n      onDrop: React.DragEventHandler<HTMLElement>;\n    };\n    native: Record<\n      | 'draggable'\n      | 'onDragStart'\n      | 'onDragEnter'\n      | 'onDragLeave'\n      | 'onDragOver'\n      | 'onDragEnd'\n      | 'onDrop',\n      undefined\n    >;\n  }>,\n  '__brand__'\n>;\n\ntype BoxProps = Partial<\n  PaddingProps &\n    MarginProps &\n    LayoutProps &\n    FlexboxProps &\n    PositionProps &\n    GridProps &\n    BoxCallbackProps &\n    BoxDragAndDropProps &\n    CommonBoxVisualProps &\n    BoxVisualProps & {\n      children?: React.ReactNode | React.ReactNode[];\n      tabIndex?: number;\n      id?: string;\n    } & TestID\n>;\n\n// Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.\n// So first we Omit Visual props of Box\n// Then we append BaseBoxVisualProps and some other props for styled-components like class and id\ntype BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> &\n  Partial<\n    BaseBoxVisualProps & {\n      className?: string;\n      id?: string;\n      tabIndex?: number;\n    }\n  > &\n  BladeCommonEvents;\n\n// ref prop type\ntype BoxRefType = Platform.Select<{\n  web: Omit<HTMLElement, 'style'>;\n  native: View;\n}>;\n\nexport type { BaseBoxProps, BoxProps, BoxRefType, StyledPropsBlade, FlexboxProps };\nexport { validBoxAsValues };\n"],"names":["validBoxAsValues"],"mappings":"AA6GA;AACMA,IAAAA,gBAAgB,GAAG,CACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO;;;;"}

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

@@ -130,14 +130,19 @@ var makeBoxProps = function makeBoxProps(props) {
     // Border
     borderWidth: props.borderWidth,
     borderColor: props.borderColor,
+    borderStyle: props.borderStyle,
     borderTopWidth: props.borderTopWidth,
     borderTopColor: props.borderTopColor,
+    borderTopStyle: props.borderTopStyle,
     borderRightWidth: props.borderRightWidth,
     borderRightColor: props.borderRightColor,
+    borderRightStyle: props.borderRightStyle,
     borderBottomWidth: props.borderBottomWidth,
     borderBottomColor: props.borderBottomColor,
+    borderBottomStyle: props.borderBottomStyle,
     borderLeftWidth: props.borderLeftWidth,
     borderLeftColor: props.borderLeftColor,
+    borderLeftStyle: props.borderLeftStyle,
     borderRadius: props.borderRadius,
     borderTopLeftRadius: props.borderTopLeftRadius,
     borderTopRightRadius: props.borderTopRightRadius,