@razorpay/blade 11.11.1 → 11.12.0

package/build/lib/native/components/Typography/BaseText/getBaseTextStyles.js

@@ -7,7 +7,7 @@ import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import '../../BladeProvider/useTheme.js';
 import { makeLetterSpacing } from '../../../utils/makeLetterSpacing/makeLetterSpacing.js';
 
-var getBaseTextStyles=function getBaseTextStyles(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'surface.text.gray.normal':_ref$color,_ref$fontFamily=_ref.fontFamily,fontFamily=_ref$fontFamily===void 0?'text':_ref$fontFamily,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?200:_ref$fontSize,_ref$fontWeight=_ref.fontWeight,fontWeight=_ref$fontWeight===void 0?'regular':_ref$fontWeight,_ref$fontStyle=_ref.fontStyle,fontStyle=_ref$fontStyle===void 0?'normal':_ref$fontStyle,_ref$textDecorationLi=_ref.textDecorationLine,textDecorationLine=_ref$textDecorationLi===void 0?'none':_ref$textDecorationLi,numberOfLines=_ref.numberOfLines,wordBreak=_ref.wordBreak,_ref$lineHeight=_ref.lineHeight,lineHeight=_ref$lineHeight===void 0?100:_ref$lineHeight,_ref$letterSpacing=_ref.letterSpacing,letterSpacing=_ref$letterSpacing===void 0?100:_ref$letterSpacing,textAlign=_ref.textAlign,opacity=_ref.opacity,theme=_ref.theme;var textColor=getIn(theme.colors,color);var themeFontFamily=theme.typography.fonts.family[fontFamily];var themeFontSize=makeTypographySize(theme.typography.fonts.size[fontSize]);var themeFontWeight=theme.typography.fonts.weight[fontWeight];var themeLineHeight=makeTypographySize(theme.typography.lineHeights[lineHeight]);var themeLetterSpacing=makeLetterSpacing(theme.typography.letterSpacings[letterSpacing],theme.typography.fonts.size[fontSize]);var truncateStyles={};var wordBreakStyles={};if(numberOfLines!==undefined){if(isReactNative()){truncateStyles={};}else {truncateStyles={overflow:'hidden',display:'-webkit-box','line-clamp':`${numberOfLines}`,'-webkit-line-clamp':`${numberOfLines}`,'-webkit-box-orient':'vertical'};}}if(wordBreak!==undefined){if(isReactNative()){wordBreakStyles={};}else {wordBreakStyles={wordBreak:wordBreak};}}return Object.assign({color:textColor,fontFamily:themeFontFamily,fontSize:themeFontSize,fontWeight:themeFontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine},textDecorationLine!=='none'&&{textDecorationColor:textColor},{lineHeight:themeLineHeight,letterSpacing:themeLetterSpacing,textAlign:textAlign,margin:0,padding:0,opacity:opacity},truncateStyles,wordBreakStyles);};
+var getBaseTextStyles=function getBaseTextStyles(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'surface.text.gray.normal':_ref$color,_ref$fontFamily=_ref.fontFamily,fontFamily=_ref$fontFamily===void 0?'text':_ref$fontFamily,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?200:_ref$fontSize,_ref$fontWeight=_ref.fontWeight,fontWeight=_ref$fontWeight===void 0?'regular':_ref$fontWeight,_ref$fontStyle=_ref.fontStyle,fontStyle=_ref$fontStyle===void 0?'normal':_ref$fontStyle,_ref$textDecorationLi=_ref.textDecorationLine,textDecorationLine=_ref$textDecorationLi===void 0?'none':_ref$textDecorationLi,numberOfLines=_ref.numberOfLines,wordBreak=_ref.wordBreak,_ref$lineHeight=_ref.lineHeight,lineHeight=_ref$lineHeight===void 0?100:_ref$lineHeight,_ref$letterSpacing=_ref.letterSpacing,letterSpacing=_ref$letterSpacing===void 0?100:_ref$letterSpacing,textAlign=_ref.textAlign,opacity=_ref.opacity,theme=_ref.theme;var textColor=getIn(theme.colors,color);var themeFontFamily=theme.typography.fonts.family[fontFamily];var themeFontSize=makeTypographySize(theme.typography.fonts.size[fontSize]);var themeFontWeight=theme.typography.fonts.weight[fontWeight];var themeLineHeight=makeTypographySize(theme.typography.lineHeights[lineHeight]);var themeLetterSpacing=makeLetterSpacing(theme.typography.letterSpacings[letterSpacing],theme.typography.fonts.size[fontSize]);var truncateStyles={};var wordBreakStyles={};if(numberOfLines!==undefined){if(isReactNative()){truncateStyles={};}else {truncateStyles={overflow:'hidden',display:'-webkit-box','line-clamp':`${numberOfLines}`,'-webkit-line-clamp':`${numberOfLines}`,'-webkit-box-orient':'vertical',overflowWrap:'break-word'};}}if(wordBreak!==undefined){if(isReactNative()){wordBreakStyles={};}else {wordBreakStyles={wordBreak:wordBreak};}}return Object.assign({color:textColor,fontFamily:themeFontFamily,fontSize:themeFontSize,fontWeight:themeFontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine},textDecorationLine!=='none'&&{textDecorationColor:textColor},{lineHeight:themeLineHeight,letterSpacing:themeLetterSpacing,textAlign:textAlign,margin:0,padding:0,opacity:opacity},truncateStyles,wordBreakStyles);};
 
 export { getBaseTextStyles as default };
 //# sourceMappingURL=getBaseTextStyles.js.map

package/build/lib/native/components/Typography/BaseText/getBaseTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseTextProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","Object","assign","textDecorationColor","margin","padding"],"mappings":"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"}
+{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseTextProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","overflowWrap","Object","assign","textDecorationColor","margin","padding"],"mappings":"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"}

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

@@ -167,7 +167,8 @@ 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: hasBorder ? 'solid' : undefined,
+    cursor: getResponsiveValue(props.cursor, breakpoint)
   }, !hasBorder && {
     borderTopStyle: hasBorderTop ? 'solid' : undefined,
     borderBottomStyle: hasBorderBottom ? 'solid' : undefined,

package/build/lib/web/development/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    // 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","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\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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"}

package/build/lib/web/development/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  >\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  > & {\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;;;;"}

package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js

@@ -13,6 +13,7 @@ import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { motion } from '../../../tokens/global/motion.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 
 var _excluded = ["showAllTags", "setShowAllTagsWithAnimation", "maxTagRows", "isDropdownTrigger"];
 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; }
@@ -35,7 +36,8 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       isFocused: props.currentInteraction === 'focus',
       isDisabled: props.isDisabled,
       validationState: props.validationState,
-      isDropdownTrigger: props.isDropdownTrigger
+      isDropdownTrigger: props.isDropdownTrigger,
+      isTextArea: props.isTextArea
     })), {}, {
       transitionProperty: 'background-color',
       transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),
@@ -46,7 +48,8 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       isFocused: props.currentInteraction === 'focus',
       isDisabled: props.isDisabled,
       validationState: props.validationState,
-      isDropdownTrigger: props.isDropdownTrigger
+      isDropdownTrigger: props.isDropdownTrigger,
+      isTextArea: props.isTextArea
     }))
   });
 });
@@ -63,6 +66,7 @@ var StyledAnimatedBaseInputWrapper = /*#__PURE__*/styled(StyledBaseInputWrapper)
   }))) : undefined;
 });
 var _AnimatedBaseInputWrapper = function _AnimatedBaseInputWrapper(_ref, ref) {
+  var _rest$numberOfLines;
   var showAllTags = _ref.showAllTags,
     setShowAllTagsWithAnimation = _ref.setShowAllTagsWithAnimation,
     maxTagRows = _ref.maxTagRows,
@@ -80,6 +84,8 @@ var _AnimatedBaseInputWrapper = function _AnimatedBaseInputWrapper(_ref, ref) {
     ref: ref
   }, rest), {}, {
     transition: maxTagRows !== 'expandable' ? noTransition : showAllTags ? expandTransition : collapseTransition,
+    height: rest.isTextArea && isDropdownTrigger ? makeSpace(((_rest$numberOfLines = rest.numberOfLines) !== null && _rest$numberOfLines !== void 0 ? _rest$numberOfLines : 0) * baseInputHeight[rest.size]) : undefined,
+    cursor: rest.isTextArea && isDropdownTrigger ? 'text' : undefined,
     isDropdownTrigger: isDropdownTrigger,
     showAllTags: showAllTags,
     maxTagRows: maxTagRows,

package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedBaseInputWrapper.web.js","sources":["../../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n  getAnimatedBaseInputWrapperMaxHeight,\n  getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport { baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { motion } from '~tokens/global';\nimport { castWebType, makeMotionTime, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseInputWrapper = styled(BaseBox)<\n  Pick<\n    BaseInputWrapperProps,\n    | 'currentInteraction'\n    | 'isDisabled'\n    | 'validationState'\n    | 'isTextArea'\n    | 'isDropdownTrigger'\n    | 'maxTagRows'\n  >\n>((props) => ({\n  ...getInputBackgroundAndBorderStyles({\n    theme: props.theme,\n    isFocused: props.currentInteraction === 'focus',\n    isDisabled: props.isDisabled,\n    validationState: props.validationState,\n    isTextArea: props.isTextArea,\n    isDropdownTrigger: props.isDropdownTrigger,\n  }),\n  '&:hover': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isHovered: true,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n    }),\n    transitionProperty: 'background-color',\n    transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),\n    transitionTimingFunction: castWebType(props.theme.motion.easing.standard.effective),\n  },\n  ':focus-within': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n    }),\n  },\n}));\n\n// Styled component with animation\nconst StyledAnimatedBaseInputWrapper = styled(StyledBaseInputWrapper)<{\n  transition?: FlattenSimpleInterpolation;\n  maxTagRows: BaseInputWrapperProps['maxTagRows'];\n  showAllTags: BaseInputWrapperProps['showAllTags'];\n  isDropdownTrigger: BaseInputWrapperProps['isDropdownTrigger'];\n  size: NonNullable<BaseInputWrapperProps['size']>;\n}>((props) =>\n  props.isDropdownTrigger\n    ? css`\n        ${props.transition};\n        max-height: ${makeSize(\n          getAnimatedBaseInputWrapperMaxHeight({\n            maxTagRows: props.maxTagRows,\n            showAllTags: props.showAllTags,\n            size: props.size,\n          }),\n        )};\n      `\n    : undefined,\n);\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  BaseInputWrapperProps & {\n    showAllTags?: boolean;\n  }\n> = (\n  { showAllTags, setShowAllTagsWithAnimation, maxTagRows, isDropdownTrigger, ...rest },\n  ref,\n): React.ReactElement => {\n  // Define the animation keyframes\n  const expandAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\n`;\n\n  const collapseAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\n`;\n\n  const expandTransition = css`\n    animation: ${expandAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.entrance.effective)};\n  `;\n\n  const collapseTransition = css`\n    animation: ${collapseAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.exit.effective)};\n  `;\n\n  const noTransition = css`\n    animation: none;\n  `;\n  return (\n    <StyledAnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...rest}\n      transition={\n        maxTagRows !== 'expandable'\n          ? noTransition\n          : showAllTags\n          ? expandTransition\n          : collapseTransition\n      }\n      isDropdownTrigger={isDropdownTrigger}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      onAnimationEnd={(e) => {\n        if (!showAllTags && e.animationName === collapseAnimation.getName()) {\n          // Triggered for the collapse animation\n          setShowAllTagsWithAnimation?.(false);\n        }\n      }}\n    />\n  );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isHovered","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","StyledAnimatedBaseInputWrapper","css","transition","makeSize","getAnimatedBaseInputWrapperMaxHeight","maxTagRows","showAllTags","size","undefined","_AnimatedBaseInputWrapper","_ref","ref","setShowAllTagsWithAnimation","rest","_objectWithoutProperties","_excluded","expandAnimation","keyframes","baseInputHeight","baseInputWrapperMaxHeight","collapseAnimation","expandTransition","quick","String","entrance","collapseTransition","exit","noTransition","_jsx","onAnimationEnd","e","animationName","getName","AnimatedBaseInputWrapper","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"AnimatedBaseInputWrapper.web.js","sources":["../../../../../../../src/components/Input/BaseInput/AnimatedBaseInputWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { BaseInputWrapperProps } from './types';\nimport {\n  getAnimatedBaseInputWrapperMaxHeight,\n  getInputBackgroundAndBorderStyles,\n} from './baseInputStyles';\nimport { baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { motion } from '~tokens/global';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledBaseInputWrapper = styled(BaseBox)<\n  Pick<\n    BaseInputWrapperProps,\n    | 'currentInteraction'\n    | 'isDisabled'\n    | 'validationState'\n    | 'isTextArea'\n    | 'isDropdownTrigger'\n    | 'maxTagRows'\n  >\n>((props) => ({\n  ...getInputBackgroundAndBorderStyles({\n    theme: props.theme,\n    isFocused: props.currentInteraction === 'focus',\n    isDisabled: props.isDisabled,\n    validationState: props.validationState,\n    isTextArea: props.isTextArea,\n    isDropdownTrigger: props.isDropdownTrigger,\n  }),\n  '&:hover': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isHovered: true,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n      isTextArea: props.isTextArea,\n    }),\n    transitionProperty: 'background-color',\n    transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),\n    transitionTimingFunction: castWebType(props.theme.motion.easing.standard.effective),\n  },\n  ':focus-within': {\n    ...getInputBackgroundAndBorderStyles({\n      theme: props.theme,\n      isFocused: props.currentInteraction === 'focus',\n      isDisabled: props.isDisabled,\n      validationState: props.validationState,\n      isDropdownTrigger: props.isDropdownTrigger,\n      isTextArea: props.isTextArea,\n    }),\n  },\n}));\n\n// Styled component with animation\nconst StyledAnimatedBaseInputWrapper = styled(StyledBaseInputWrapper)<{\n  transition?: FlattenSimpleInterpolation;\n  maxTagRows: BaseInputWrapperProps['maxTagRows'];\n  showAllTags: BaseInputWrapperProps['showAllTags'];\n  isDropdownTrigger: BaseInputWrapperProps['isDropdownTrigger'];\n  size: NonNullable<BaseInputWrapperProps['size']>;\n}>((props) =>\n  props.isDropdownTrigger\n    ? css`\n        ${props.transition};\n        max-height: ${makeSize(\n          getAnimatedBaseInputWrapperMaxHeight({\n            maxTagRows: props.maxTagRows,\n            showAllTags: props.showAllTags,\n            size: props.size,\n          }),\n        )};\n      `\n    : undefined,\n);\n\nconst _AnimatedBaseInputWrapper: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  BaseInputWrapperProps & {\n    showAllTags?: boolean;\n  }\n> = (\n  { showAllTags, setShowAllTagsWithAnimation, maxTagRows, isDropdownTrigger, ...rest },\n  ref,\n): React.ReactElement => {\n  // Define the animation keyframes\n  const expandAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\n`;\n\n  const collapseAnimation = keyframes`\nfrom {\n  max-height: ${makeSize(baseInputWrapperMaxHeight[rest.size])};\n}\nto {\n  max-height: ${makeSize(baseInputHeight[rest.size])};\n}\n`;\n\n  const expandTransition = css`\n    animation: ${expandAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.entrance.effective)};\n  `;\n\n  const collapseTransition = css`\n    animation: ${collapseAnimation} ${makeMotionTime(motion.duration.quick)}\n      ${String(motion.easing.exit.effective)};\n  `;\n\n  const noTransition = css`\n    animation: none;\n  `;\n  return (\n    <StyledAnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...rest}\n      transition={\n        maxTagRows !== 'expandable'\n          ? noTransition\n          : showAllTags\n          ? expandTransition\n          : collapseTransition\n      }\n      height={\n        rest.isTextArea && isDropdownTrigger\n          ? makeSpace((rest.numberOfLines ?? 0) * baseInputHeight[rest.size])\n          : undefined\n      }\n      cursor={rest.isTextArea && isDropdownTrigger ? 'text' : undefined}\n      isDropdownTrigger={isDropdownTrigger}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      onAnimationEnd={(e) => {\n        if (!showAllTags && e.animationName === collapseAnimation.getName()) {\n          // Triggered for the collapse animation\n          setShowAllTagsWithAnimation?.(false);\n        }\n      }}\n    />\n  );\n};\n\nconst AnimatedBaseInputWrapper = React.forwardRef(_AnimatedBaseInputWrapper);\n\nexport { AnimatedBaseInputWrapper };\n"],"names":["StyledBaseInputWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getInputBackgroundAndBorderStyles","theme","isFocused","currentInteraction","isDisabled","validationState","isTextArea","isDropdownTrigger","isHovered","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","StyledAnimatedBaseInputWrapper","css","transition","makeSize","getAnimatedBaseInputWrapperMaxHeight","maxTagRows","showAllTags","size","undefined","_AnimatedBaseInputWrapper","_ref","ref","_rest$numberOfLines","setShowAllTagsWithAnimation","rest","_objectWithoutProperties","_excluded","expandAnimation","keyframes","baseInputHeight","baseInputWrapperMaxHeight","collapseAnimation","expandTransition","quick","String","entrance","collapseTransition","exit","noTransition","_jsx","height","makeSpace","numberOfLines","cursor","onAnimationEnd","e","animationName","getName","AnimatedBaseInputWrapper","React","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/Input/BaseInput/BaseInput.js

@@ -23,6 +23,7 @@ import { announce } from '../../LiveAnnouncer/LiveAnnouncer.web.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
 import '../../../utils/getFocusRingStyles/index.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
+import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
@@ -370,6 +371,8 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
     styledProps = _objectWithoutProperties(_ref12, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
+  var inputRef = React__default.useRef(null);
+  var mergedInputRef = useMergeRefs(ref, inputRef);
   var inputWrapperRef = React__default.useRef(null);
   var _useTags = useTags(tags, activeTagIndex, setActiveTagIndex),
     onInputKeydownTagHandler = _useTags.onInputKeydownTagHandler,
@@ -495,6 +498,13 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
           },
           maxTagRows: maxTagRows,
           size: size,
+          numberOfLines: numberOfLines,
+          onClick: function onClick() {
+            if (!isReactNative) {
+              var _inputRef$current;
+              (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+            }
+          },
           children: [/*#__PURE__*/jsx(BaseInputVisuals, {
             size: size,
             leadingIcon: leadingIcon,
@@ -525,10 +535,12 @@ var _BaseInput = function _BaseInput(_ref12, ref) {
             maxTagRows: maxTagRows,
             inputWrapperRef: inputWrapperRef,
             size: size,
+            numberOfLines: numberOfLines,
+            isTextArea: isTextArea,
             children: /*#__PURE__*/jsx(StyledBaseInput, _objectSpread({
               as: as,
               id: inputId,
-              ref: ref,
+              ref: mergedInputRef,
               name: name,
               type: type,
               defaultValue: defaultValue,