@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/web/production/components/Card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n  ...props\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox\n      marginTop={marginTop}\n      {...metaAttribute({ name: MetaConstants.CardFooter, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n} & DataAnalyticsAttribute;\nconst _CardFooterLeading = ({\n  title,\n  subtitle,\n  ...rest\n}: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never} {...makeAnalyticsAttribute(rest)}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n} & DataAnalyticsAttribute;\nconst _CardFooterTrailing = ({ actions, ...rest }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button\n            isFullWidth\n            size=\"medium\"\n            variant=\"secondary\"\n            {...actions.secondary}\n            data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_SECONDARY_ACTION_BUTTON}\n          >\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button\n            isFullWidth\n            size=\"medium\"\n            {...actions.primary}\n            data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_PRIMARY_ACTION_BUTTON}\n          >\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","props","_objectWithoutProperties","_excluded","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","isValidElement","throwBladeError","message","concat","moduleName","baseBoxJustifyContent","length","actions","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","CardFooter","makeAnalyticsAttribute","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","rest","_excluded2","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","_excluded3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","variant","MAKE_ANALYTICS_CONSTANTS","CARD","FOOTER_SECONDARY_ACTION_BUTTON","text","primary","FOOTER_PRIMARY_ACTION_BUTTON"],"mappings":"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"}
+{"version":3,"file":"CardFooter.js","sources":["../../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { isReactNative } from '~utils';\n\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { MAKE_ANALYTICS_CONSTANTS, makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst equalWidthFlexProps = isReactNative() ? ({ flex: 1 } as const) : ({ flexGrow: 1 } as const);\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n  ...props\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox\n      marginTop={marginTop}\n      {...metaAttribute({ name: MetaConstants.CardFooter, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n} & DataAnalyticsAttribute;\nconst _CardFooterLeading = ({\n  title,\n  subtitle,\n  ...rest\n}: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never} {...makeAnalyticsAttribute(rest)}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n} & DataAnalyticsAttribute;\n\nconst _CardFooterTrailing = ({ actions, ...rest }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap={isReactNative() ? 'spacing.5' : undefined}\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n      width={isReactNative() ? '100%' : undefined}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {!isReactNative() || actions?.secondary ? (\n        <BaseBox {...equalWidthFlexProps}>\n          {actions?.secondary ? (\n            <Button\n              isFullWidth\n              size=\"medium\"\n              variant=\"secondary\"\n              {...actions.secondary}\n              data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_SECONDARY_ACTION_BUTTON}\n            >\n              {actions.secondary.text!}\n            </Button>\n          ) : null}\n        </BaseBox>\n      ) : null}\n      {!isReactNative() && <BaseBox marginLeft=\"spacing.5\" />}\n      {!isReactNative() || actions?.primary ? (\n        <BaseBox {...equalWidthFlexProps}>\n          {actions?.primary ? (\n            <Button\n              isFullWidth\n              size=\"medium\"\n              {...actions.primary}\n              data-analytics-name={MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_PRIMARY_ACTION_BUTTON}\n            >\n              {actions.primary.text!}\n            </Button>\n          ) : null}\n        </BaseBox>\n      ) : null}\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["equalWidthFlexProps","isReactNative","flex","flexGrow","_CardFooter","_ref","_footerChildrensArray","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","props","_objectWithoutProperties","_excluded","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","isValidElement","throwBladeError","message","concat","moduleName","baseBoxJustifyContent","length","actions","_jsxs","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","CardFooter","makeAnalyticsAttribute","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","rest","_excluded2","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","_excluded3","gap","undefined","alignSelf","marginLeft","width","secondary","Button","isFullWidth","variant","MAKE_ANALYTICS_CONSTANTS","CARD","FOOTER_SECONDARY_ACTION_BUTTON","text","primary","FOOTER_PRIMARY_ACTION_BUTTON"],"mappings":"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"}

package/build/lib/web/production/components/Card/CardHeader.js

@@ -19,6 +19,7 @@ import '../../utils/logger/index.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 import '../Amount/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { Counter } from '../Counter/Counter.js';
@@ -35,6 +36,7 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 import { Divider } from '../Divider/Divider.js';
 import { isValidAllowedChildren, getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 
 var _excluded = ["children", "testID", "marginBottom", "paddingBottom", "showDivider"],
   _excluded2 = ["title", "subtitle", "prefix", "suffix"];
@@ -160,8 +162,9 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
     display: "flex",
     flexDirection: "column",
     gap: "spacing.4",
+    flexShrink: isReactNative() ? 1 : undefined,
     children: /*#__PURE__*/jsxs(BaseBox, {
-      flex: 1,
+      flex: isReactNative() ? undefined : 1,
       display: "flex",
       flexDirection: "row",
       children: [prefix && /*#__PURE__*/jsx(BaseBox, {
@@ -171,6 +174,7 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
         children: prefix
       }), /*#__PURE__*/jsxs(BaseBox, {
         marginRight: "spacing.5",
+        flexShrink: isReactNative() ? 1 : undefined,
         children: [/*#__PURE__*/jsxs(BaseBox, {
           display: "flex",
           flexDirection: "row",

package/build/lib/web/production/components/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n  const { size } = useContext(CardContext);\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n  return (\n    <BaseBox\n      {...makeAnalyticsAttribute(rest)}\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n        {prefix && (\n          <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n            {prefix}\n          </BaseBox>\n        )}\n\n        <BaseBox marginRight=\"spacing.5\">\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n            <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n              {title}\n            </Text>\n            {/* if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n             but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip */}\n            {suffix && isSuffixACardComponent ? (\n              <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n            ) : (\n              suffix\n            )}\n          </BaseBox>\n          {subtitle && (\n            <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n              {subtitle}\n            </Text>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   */\n  visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","_objectSpread","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","isValidAllowedChildren","throwBladeError","message","concat","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":"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"}
+{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isReactNative } from '~utils';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n  const { size } = useContext(CardContext);\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n  return (\n    <BaseBox\n      {...makeAnalyticsAttribute(rest)}\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.4\"\n      flexShrink={isReactNative() ? 1 : undefined}\n    >\n      <BaseBox flex={isReactNative() ? undefined : 1} display=\"flex\" flexDirection=\"row\">\n        {prefix && (\n          <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n            {prefix}\n          </BaseBox>\n        )}\n\n        <BaseBox marginRight=\"spacing.5\" flexShrink={isReactNative() ? 1 : undefined}>\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n            <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n              {title}\n            </Text>\n            {/* if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n             but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip */}\n            {suffix && isSuffixACardComponent ? (\n              <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n            ) : (\n              suffix\n            )}\n          </BaseBox>\n          {subtitle && (\n            <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n              {subtitle}\n            </Text>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   */\n  visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","_objectSpread","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","isValidAllowedChildren","throwBladeError","message","concat","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flexShrink","isReactNative","undefined","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":"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"}

package/build/lib/web/production/components/Card/CardInfoSurface.js

@@ -0,0 +1,43 @@
+import 'react';
+import '../Box/BaseBox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+
+/**
+ * Renders the "info" ticket chrome: two stacked sections — an emphasized header on
+ * `surface.background.gray.intense` and a subtle body on `surface.background.gray.moderate` —
+ * wrapped by a single rounded border. Unlike the `ticket` variant there is no perforated tear
+ * line, notches or scallops. `overflow: hidden` clips the section backgrounds to the border radius.
+ */
+var CardInfoSurface = function CardInfoSurface(_ref) {
+  var top = _ref.top,
+    bottom = _ref.bottom,
+    children = _ref.children,
+    isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled;
+  var borderColor = isSelected && !isDisabled ? 'surface.border.primary.normal' : 'surface.border.gray.subtle';
+  var borderStyle = isDisabled ? 'dashed' : 'solid';
+  return /*#__PURE__*/jsxs(BaseBox, {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    overflow: "hidden",
+    borderWidth: "thin",
+    borderColor: borderColor,
+    borderStyle: borderStyle,
+    borderRadius: "medium",
+    children: [children, /*#__PURE__*/jsx(BaseBox, {
+      backgroundColor: "surface.background.gray.intense",
+      padding: "spacing.4",
+      children: top
+    }), /*#__PURE__*/jsx(BaseBox, {
+      backgroundColor: "surface.background.gray.moderate",
+      padding: "spacing.4",
+      children: bottom
+    })]
+  });
+};
+
+export { CardInfoSurface };
+//# sourceMappingURL=CardInfoSurface.js.map

package/build/lib/web/production/components/Card/CardInfoSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardInfoSurface.js","sources":["../../../../../../src/components/Card/CardInfoSurface.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CardInfoSurfaceProps = {\n  /**\n   * Content of the emphasized (white) header section.\n   */\n  top: React.ReactNode;\n  /**\n   * Content of the subtle (gray) body section.\n   */\n  bottom: React.ReactNode;\n  /**\n   * Interactive overlay (link/button) that spans the whole card.\n   */\n  children?: React.ReactNode;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n};\n\n/**\n * Renders the \"info\" ticket chrome: two stacked sections — an emphasized header on\n * `surface.background.gray.intense` and a subtle body on `surface.background.gray.moderate` —\n * wrapped by a single rounded border. Unlike the `ticket` variant there is no perforated tear\n * line, notches or scallops. `overflow: hidden` clips the section backgrounds to the border radius.\n */\nconst CardInfoSurface = ({\n  top,\n  bottom,\n  children,\n  isSelected,\n  isDisabled,\n}: CardInfoSurfaceProps): React.ReactElement => {\n  const borderColor =\n    isSelected && !isDisabled ? 'surface.border.primary.normal' : 'surface.border.gray.subtle';\n  const borderStyle = isDisabled ? 'dashed' : 'solid';\n\n  return (\n    <BaseBox\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      width=\"100%\"\n      overflow=\"hidden\"\n      borderWidth=\"thin\"\n      borderColor={borderColor}\n      borderStyle={borderStyle}\n      borderRadius=\"medium\"\n    >\n      {children}\n      <BaseBox backgroundColor=\"surface.background.gray.intense\" padding=\"spacing.4\">\n        {top}\n      </BaseBox>\n      <BaseBox backgroundColor=\"surface.background.gray.moderate\" padding=\"spacing.4\">\n        {bottom}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { CardInfoSurface };\n"],"names":["CardInfoSurface","_ref","top","bottom","children","isSelected","isDisabled","borderColor","borderStyle","_jsxs","BaseBox","position","display","flexDirection","width","overflow","borderWidth","borderRadius","_jsx","backgroundColor","padding"],"mappings":";;;;;AAoBA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IAL9CC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,UAAU,GAAAL,IAAA,CAAVK,UAAU,CAAA;EAEV,IAAMC,WAAW,GACfF,UAAU,IAAI,CAACC,UAAU,GAAG,+BAA+B,GAAG,4BAA4B,CAAA;AAC5F,EAAA,IAAME,WAAW,GAAGF,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;EAEnD,oBACEG,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,QAAQ,EAAC,UAAU;AACnBC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,QAAQ,EAAC,QAAQ;AACjBC,IAAAA,WAAW,EAAC,MAAM;AAClBT,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBS,IAAAA,YAAY,EAAC,QAAQ;AAAAb,IAAAA,QAAA,EAEpBA,CAAAA,QAAQ,eACTc,GAAA,CAACR,OAAO,EAAA;AAACS,MAAAA,eAAe,EAAC,iCAAiC;AAACC,MAAAA,OAAO,EAAC,WAAW;AAAAhB,MAAAA,QAAA,EAC3EF,GAAAA;AAAG,KACG,CAAC,eACVgB,GAAA,CAACR,OAAO,EAAA;AAACS,MAAAA,eAAe,EAAC,kCAAkC;AAACC,MAAAA,OAAO,EAAC,WAAW;AAAAhB,MAAAA,QAAA,EAC5ED,MAAAA;AAAM,KACA,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/Card/CardSurface.web.js

@@ -13,16 +13,23 @@ var CardSurface = /*#__PURE__*/styled(BaseBox).withConfig({
 })(function (_ref) {
   var theme = _ref.theme,
     colorScheme = _ref.colorScheme,
-    isSelected = _ref.isSelected;
+    isSelected = _ref.isSelected,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant;
   return _objectSpread({
     width: '100%',
     display: 'flex',
     position: 'relative',
     flexDirection: 'column',
     boxSizing: 'border-box'
-  }, getSurfaceStyles(theme, colorScheme, {
+  }, variant === 'primary' ? getSurfaceStyles(theme, colorScheme, {
     hideBorder: isSelected
-  }));
+  }) : {
+    border: 'none',
+    boxShadow: 'none',
+    backgroundImage: 'none',
+    backgroundColor: theme.colors.surface.background.gray.moderate
+  });
 });
 
 export { CardSurface };

package/build/lib/web/production/components/Card/CardSurface.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSurface.web.js","sources":["../../../../../../src/components/Card/CardSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { getSurfaceStyles } from '~utils/makeSurfaceStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CardSurfaceProps = {\n  colorScheme: ColorSchemeNames;\n  isSelected?: boolean;\n};\n\nconst CardSurface = styled(BaseBox)<CardSurfaceProps>(({ theme, colorScheme, isSelected }) => ({\n  width: '100%',\n  display: 'flex',\n  position: 'relative',\n  flexDirection: 'column',\n  boxSizing: 'border-box',\n  ...getSurfaceStyles(theme, colorScheme, { hideBorder: isSelected }),\n}));\n\nexport { CardSurface };\n"],"names":["CardSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colorScheme","isSelected","_objectSpread","width","display","position","flexDirection","boxSizing","getSurfaceStyles","hideBorder"],"mappings":";;;;;;;;;AAUA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAmB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACrFC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,SAAS,EAAE,YAAA;AAAY,GAAA,EACpBC,gBAAgB,CAACT,KAAK,EAAEC,WAAW,EAAE;AAAES,IAAAA,UAAU,EAAER,UAAAA;AAAW,GAAC,CAAC,CAAA,CAAA;AAAA,CACnE;;;;"}
+{"version":3,"file":"CardSurface.web.js","sources":["../../../../../../src/components/Card/CardSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { CardVariant } from './types';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { getSurfaceStyles } from '~utils/makeSurfaceStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype CardSurfaceProps = {\n  colorScheme: ColorSchemeNames;\n  isSelected?: boolean;\n  variant?: CardVariant;\n};\n\nconst CardSurface = styled(BaseBox)<CardSurfaceProps>(\n  ({ theme, colorScheme, isSelected, variant = 'primary' }) => ({\n    width: '100%',\n    display: 'flex',\n    position: 'relative',\n    flexDirection: 'column',\n    boxSizing: 'border-box',\n    ...(variant === 'primary'\n      ? getSurfaceStyles(theme, colorScheme, { hideBorder: isSelected })\n      : {\n          border: 'none',\n          boxShadow: 'none',\n          backgroundImage: 'none',\n          backgroundColor: theme.colors.surface.background.gray.moderate,\n        }),\n  }),\n);\n\nexport { CardSurface };\n"],"names":["CardSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colorScheme","isSelected","_ref$variant","variant","_objectSpread","width","display","position","flexDirection","boxSizing","getSurfaceStyles","hideBorder","border","boxShadow","backgroundImage","backgroundColor","colors","surface","background","gray","moderate"],"mappings":";;;;;;;;;AAYA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CACjC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA,CAAA;AAAA,EAAA,OAAAE,aAAA,CAAA;AACpDC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,SAAS,EAAE,YAAA;GACPN,EAAAA,OAAO,KAAK,SAAS,GACrBO,gBAAgB,CAACX,KAAK,EAAEC,WAAW,EAAE;AAAEW,IAAAA,UAAU,EAAEV,UAAAA;AAAW,GAAC,CAAC,GAChE;AACEW,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,eAAe,EAAE,MAAM;IACvBC,eAAe,EAAEhB,KAAK,CAACiB,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,IAAI,CAACC,QAAAA;GACvD,CAAA,CAAA;AAAA,CACL;;;;"}

package/build/lib/web/production/components/Card/CardTicketSurface.web.js

@@ -0,0 +1,200 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef, useState, useMemo } from 'react';
+import styled from 'styled-components';
+import { CARD_TICKET_SCALLOP_RADIUS, CARD_TICKET_SCALLOP_PERIOD } from './constants.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import { buildTicketShellPath, CARD_TICKET_DISABLED_STROKE_DASHARRAY, CARD_TICKET_OUTLINE_STROKE_WIDTH } from '../../utils/cardTicketOutline.js';
+import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getTicketBorderColor = function getTicketBorderColor(theme, _ref) {
+  var isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled;
+  // Precedence: a disabled ticket never shows the selected (primary) border.
+  if (isSelected && !isDisabled) {
+    return theme.colors.surface.border.primary.normal;
+  }
+  return theme.colors.surface.border.gray.subtle;
+};
+
+/**
+ * Paints the scalloped perforation onto the top edge of the bottom section. A repeating
+ * radial-gradient draws white (header coloured) half-discs that poke down into the gray footer,
+ * so the seam reads as a torn/stamp edge. Because the discs are painted (not cut) they keep their
+ * colour on any page background.
+ */
+var scallopBackground = function scallopBackground(theme) {
+  var radius = CARD_TICKET_SCALLOP_RADIUS;
+  var period = CARD_TICKET_SCALLOP_PERIOD;
+  var fill = theme.colors.surface.background.gray.intense;
+  return {
+    backgroundImage: "radial-gradient(circle ".concat(radius, "px at ").concat(period / 2, "px 0px, ").concat(fill, " ").concat(radius - 0.5, "px, transparent ").concat(radius, "px)"),
+    backgroundRepeat: 'repeat-x',
+    backgroundSize: "".concat(period, "px 100%"),
+    backgroundPosition: 'left top'
+  };
+};
+var TicketWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "CardTicketSurfaceweb__TicketWrapper",
+  componentId: "sc-14vhuwr-0"
+})(function () {
+  return {
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%'
+  };
+});
+var TicketClipContent = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "CardTicketSurfaceweb__TicketClipContent",
+  componentId: "sc-14vhuwr-1"
+})(function () {
+  return {
+    position: 'relative',
+    zIndex: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%'
+  };
+});
+var TicketOutline = /*#__PURE__*/styled.svg.withConfig({
+  displayName: "CardTicketSurfaceweb__TicketOutline",
+  componentId: "sc-14vhuwr-2"
+})(function () {
+  return {
+    position: 'absolute',
+    inset: 0,
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+    pointerEvents: 'none',
+    overflow: 'visible'
+  };
+});
+var TicketSection = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "CardTicketSurfaceweb__TicketSection",
+  componentId: "sc-14vhuwr-3"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    position = _ref2.position;
+  var isTop = position === 'top';
+  return _objectSpread({
+    position: 'relative',
+    boxSizing: 'border-box'
+  }, isTop ? {
+    backgroundColor: theme.colors.surface.background.gray.intense
+  } : _objectSpread({
+    backgroundColor: theme.colors.surface.background.gray.moderate
+  }, scallopBackground(theme)));
+});
+/**
+ * Renders the ticket "chrome": two stacked sections split by a scalloped tear line with inward
+ * side notches. The ticket shell is drawn by an inline SVG; content is clipped to the same path.
+ *
+ * Browser support note: `clip-path: path()` requires Safari 16.4+ (March 2023), Chrome 88+,
+ * and Firefox 71+. On unsupported browsers the clip-path is ignored and content will render
+ * without notch cut-outs, but the SVG outline still draws correctly.
+ */
+var CardTicketSurface = function CardTicketSurface(_ref3) {
+  var top = _ref3.top,
+    bottom = _ref3.bottom,
+    children = _ref3.children,
+    isSelected = _ref3.isSelected,
+    isDisabled = _ref3.isDisabled;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var wrapperRef = useRef(null);
+  var topSectionRef = useRef(null);
+  var _useState = useState({
+      width: 0,
+      height: 0,
+      tearLineY: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    dimensions = _useState2[0],
+    setDimensions = _useState2[1];
+  useIsomorphicLayoutEffect(function () {
+    var wrapper = wrapperRef.current;
+    var topSection = topSectionRef.current;
+    if (!wrapper || !topSection) {
+      return function () {
+        return undefined;
+      };
+    }
+    var updateDimensions = function updateDimensions() {
+      setDimensions(function (previousDimensions) {
+        var nextDimensions = {
+          width: wrapper.offsetWidth,
+          height: wrapper.offsetHeight,
+          tearLineY: topSection.offsetHeight
+        };
+        if (previousDimensions.width === nextDimensions.width && previousDimensions.height === nextDimensions.height && previousDimensions.tearLineY === nextDimensions.tearLineY) {
+          return previousDimensions;
+        }
+        return nextDimensions;
+      });
+    };
+    updateDimensions();
+    var resizeObserver = new ResizeObserver(updateDimensions);
+    resizeObserver.observe(wrapper);
+    resizeObserver.observe(topSection);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  var shellPath = useMemo(function () {
+    return buildTicketShellPath(dimensions);
+  }, [dimensions]);
+  var strokeColor = getTicketBorderColor(theme, {
+    isSelected: isSelected,
+    isDisabled: isDisabled
+  });
+  var strokeDasharray = isDisabled ? CARD_TICKET_DISABLED_STROKE_DASHARRAY : undefined;
+  var strokePadding = CARD_TICKET_OUTLINE_STROKE_WIDTH / 2;
+  var svgViewBox = shellPath ? "".concat(-strokePadding, " ").concat(-strokePadding, " ").concat(dimensions.width + CARD_TICKET_OUTLINE_STROKE_WIDTH, " ").concat(dimensions.height + CARD_TICKET_OUTLINE_STROKE_WIDTH) : '0 0 0 0';
+  return /*#__PURE__*/jsxs(TicketWrapper, {
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsxs(TicketClipContent, {
+      style: shellPath ? {
+        clipPath: "path('".concat(shellPath, "')")
+      } : undefined,
+      children: [/*#__PURE__*/jsx(TicketSection, {
+        ref: topSectionRef,
+        position: "top",
+        paddingTop: "spacing.4",
+        paddingBottom: "spacing.4",
+        paddingLeft: "spacing.4",
+        paddingRight: "spacing.4",
+        children: top
+      }), /*#__PURE__*/jsx(TicketSection, {
+        position: "bottom",
+        paddingTop: "spacing.4",
+        paddingBottom: "spacing.4",
+        paddingLeft: "spacing.4",
+        paddingRight: "spacing.4",
+        children: bottom
+      })]
+    }), shellPath ? /*#__PURE__*/jsx(TicketOutline, {
+      viewBox: svgViewBox,
+      preserveAspectRatio: "none",
+      "aria-hidden": true,
+      children: /*#__PURE__*/jsx("path", {
+        d: shellPath,
+        fill: "none",
+        stroke: strokeColor,
+        strokeWidth: CARD_TICKET_OUTLINE_STROKE_WIDTH,
+        strokeDasharray: strokeDasharray,
+        vectorEffect: "non-scaling-stroke"
+      })
+    }) : null, children]
+  });
+};
+
+export { CardTicketSurface };
+//# sourceMappingURL=CardTicketSurface.web.js.map

package/build/lib/web/production/components/Card/CardTicketSurface.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTicketSurface.web.js","sources":["../../../../../../src/components/Card/CardTicketSurface.web.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport { CARD_TICKET_SCALLOP_PERIOD, CARD_TICKET_SCALLOP_RADIUS } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~utils';\nimport {\n  buildTicketShellPath,\n  CARD_TICKET_OUTLINE_STROKE_WIDTH,\n  CARD_TICKET_DISABLED_STROKE_DASHARRAY,\n} from '~utils/cardTicketOutline';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\ntype TicketStateProps = {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n};\n\nconst getTicketBorderColor = (\n  theme: Theme,\n  { isSelected, isDisabled }: TicketStateProps,\n): string => {\n  // Precedence: a disabled ticket never shows the selected (primary) border.\n  if (isSelected && !isDisabled) {\n    return theme.colors.surface.border.primary.normal;\n  }\n  return theme.colors.surface.border.gray.subtle;\n};\n\n/**\n * Paints the scalloped perforation onto the top edge of the bottom section. A repeating\n * radial-gradient draws white (header coloured) half-discs that poke down into the gray footer,\n * so the seam reads as a torn/stamp edge. Because the discs are painted (not cut) they keep their\n * colour on any page background.\n */\nconst scallopBackground = (theme: Theme): CSSObject => {\n  const radius = CARD_TICKET_SCALLOP_RADIUS;\n  const period = CARD_TICKET_SCALLOP_PERIOD;\n  const fill = theme.colors.surface.background.gray.intense;\n  return {\n    backgroundImage: `radial-gradient(circle ${radius}px at ${period / 2}px 0px, ${fill} ${\n      radius - 0.5\n    }px, transparent ${radius}px)`,\n    backgroundRepeat: 'repeat-x',\n    backgroundSize: `${period}px 100%`,\n    backgroundPosition: 'left top',\n  };\n};\n\nconst TicketWrapper = styled(BaseBox)(\n  (): CSSObject => ({\n    position: 'relative',\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  }),\n);\n\nconst TicketClipContent = styled(BaseBox)(\n  (): CSSObject => ({\n    position: 'relative',\n    zIndex: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  }),\n);\n\nconst TicketOutline = styled.svg(\n  (): CSSObject => ({\n    position: 'absolute',\n    inset: 0,\n    width: '100%',\n    height: '100%',\n    zIndex: 1,\n    pointerEvents: 'none',\n    overflow: 'visible',\n  }),\n);\n\nconst TicketSection = styled(BaseBox)<{ position: 'top' | 'bottom' }>(\n  ({ theme, position }): CSSObject => {\n    const isTop = position === 'top';\n\n    return {\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...(isTop\n        ? {\n            backgroundColor: theme.colors.surface.background.gray.intense,\n          }\n        : {\n            backgroundColor: theme.colors.surface.background.gray.moderate,\n            ...scallopBackground(theme),\n          }),\n    };\n  },\n);\n\ntype CardTicketSurfaceProps = {\n  top: React.ReactNode;\n  bottom: React.ReactNode;\n  /**\n   * Interactive overlay (link/button) that spans the whole ticket.\n   */\n  children?: React.ReactNode;\n} & TicketStateProps;\n\n/**\n * Renders the ticket \"chrome\": two stacked sections split by a scalloped tear line with inward\n * side notches. The ticket shell is drawn by an inline SVG; content is clipped to the same path.\n *\n * Browser support note: `clip-path: path()` requires Safari 16.4+ (March 2023), Chrome 88+,\n * and Firefox 71+. On unsupported browsers the clip-path is ignored and content will render\n * without notch cut-outs, but the SVG outline still draws correctly.\n */\nconst CardTicketSurface = ({\n  top,\n  bottom,\n  children,\n  isSelected,\n  isDisabled,\n}: CardTicketSurfaceProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const topSectionRef = useRef<HTMLDivElement>(null);\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0, tearLineY: 0 });\n\n  useIsomorphicLayoutEffect(() => {\n    const wrapper = wrapperRef.current;\n    const topSection = topSectionRef.current;\n\n    if (!wrapper || !topSection) {\n      return () => undefined;\n    }\n\n    const updateDimensions = (): void => {\n      setDimensions((previousDimensions) => {\n        const nextDimensions = {\n          width: wrapper.offsetWidth,\n          height: wrapper.offsetHeight,\n          tearLineY: topSection.offsetHeight,\n        };\n\n        if (\n          previousDimensions.width === nextDimensions.width &&\n          previousDimensions.height === nextDimensions.height &&\n          previousDimensions.tearLineY === nextDimensions.tearLineY\n        ) {\n          return previousDimensions;\n        }\n\n        return nextDimensions;\n      });\n    };\n\n    updateDimensions();\n\n    const resizeObserver = new ResizeObserver(updateDimensions);\n    resizeObserver.observe(wrapper);\n    resizeObserver.observe(topSection);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  const shellPath = useMemo(() => buildTicketShellPath(dimensions), [dimensions]);\n\n  const strokeColor = getTicketBorderColor(theme, { isSelected, isDisabled });\n  const strokeDasharray = isDisabled ? CARD_TICKET_DISABLED_STROKE_DASHARRAY : undefined;\n\n  const strokePadding = CARD_TICKET_OUTLINE_STROKE_WIDTH / 2;\n  const svgViewBox = shellPath\n    ? `${-strokePadding} ${-strokePadding} ${dimensions.width + CARD_TICKET_OUTLINE_STROKE_WIDTH} ${\n        dimensions.height + CARD_TICKET_OUTLINE_STROKE_WIDTH\n      }`\n    : '0 0 0 0';\n\n  return (\n    <TicketWrapper ref={wrapperRef}>\n      <TicketClipContent style={shellPath ? { clipPath: `path('${shellPath}')` } : undefined}>\n        <TicketSection\n          ref={topSectionRef}\n          position=\"top\"\n          paddingTop=\"spacing.4\"\n          paddingBottom=\"spacing.4\"\n          paddingLeft=\"spacing.4\"\n          paddingRight=\"spacing.4\"\n        >\n          {top}\n        </TicketSection>\n        <TicketSection\n          position=\"bottom\"\n          paddingTop=\"spacing.4\"\n          paddingBottom=\"spacing.4\"\n          paddingLeft=\"spacing.4\"\n          paddingRight=\"spacing.4\"\n        >\n          {bottom}\n        </TicketSection>\n      </TicketClipContent>\n\n      {shellPath ? (\n        <TicketOutline viewBox={svgViewBox} preserveAspectRatio=\"none\" aria-hidden>\n          <path\n            d={shellPath}\n            fill=\"none\"\n            stroke={strokeColor}\n            strokeWidth={CARD_TICKET_OUTLINE_STROKE_WIDTH}\n            strokeDasharray={strokeDasharray}\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        </TicketOutline>\n      ) : null}\n\n      {children}\n    </TicketWrapper>\n  );\n};\n\nexport { CardTicketSurface };\n"],"names":["getTicketBorderColor","theme","_ref","isSelected","isDisabled","colors","surface","border","primary","normal","gray","subtle","scallopBackground","radius","CARD_TICKET_SCALLOP_RADIUS","period","CARD_TICKET_SCALLOP_PERIOD","fill","background","intense","backgroundImage","concat","backgroundRepeat","backgroundSize","backgroundPosition","TicketWrapper","styled","BaseBox","withConfig","displayName","componentId","position","display","flexDirection","width","TicketClipContent","zIndex","TicketOutline","svg","inset","height","pointerEvents","overflow","TicketSection","_ref2","isTop","_objectSpread","boxSizing","backgroundColor","moderate","CardTicketSurface","_ref3","top","bottom","children","_useTheme","useTheme","wrapperRef","useRef","topSectionRef","_useState","useState","tearLineY","_useState2","_slicedToArray","dimensions","setDimensions","useIsomorphicLayoutEffect","wrapper","current","topSection","undefined","updateDimensions","previousDimensions","nextDimensions","offsetWidth","offsetHeight","resizeObserver","ResizeObserver","observe","disconnect","shellPath","useMemo","buildTicketShellPath","strokeColor","strokeDasharray","CARD_TICKET_DISABLED_STROKE_DASHARRAY","strokePadding","CARD_TICKET_OUTLINE_STROKE_WIDTH","svgViewBox","_jsxs","ref","style","clipPath","_jsx","paddingTop","paddingBottom","paddingLeft","paddingRight","viewBox","preserveAspectRatio","d","stroke","strokeWidth","vectorEffect"],"mappings":"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"}