@razorpay/blade 12.95.2 → 12.95.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/spark/bottom-frame.jpg +0 -0
- package/build/lib/native/components/Card/Card.js +1 -1
- package/build/lib/native/components/Card/Card.js.map +1 -1
- package/build/lib/native/components/Spark/RzpGlass/presets.js +1 -1
- package/build/lib/native/components/Spark/RzpGlass/presets.js.map +1 -1
- package/build/lib/web/development/_virtual/flatten.js +1 -1
- package/build/lib/web/development/_virtual/flatten3.js +1 -1
- package/build/lib/web/development/components/ActionList/ActionListBox.web.js +2 -1
- package/build/lib/web/development/components/ActionList/ActionListBox.web.js.map +1 -1
- package/build/lib/web/development/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.js +3 -0
- package/build/lib/web/development/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.js.map +1 -1
- package/build/lib/web/development/components/Card/Card.js +1 -0
- package/build/lib/web/development/components/Card/Card.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js +6 -6
- package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js.map +1 -1
- package/build/lib/web/development/components/Spark/RzpGlass/presets.js +2 -1
- package/build/lib/web/development/components/Spark/RzpGlass/presets.js.map +1 -1
- package/build/lib/web/development/components/TopNav/TabNav/TabNavIndicator.web.js +1 -1
- package/build/lib/web/development/components/TopNav/TabNav/TabNavIndicator.web.js.map +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/array/flatten.js +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/flatten.js +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/sortBy.js +2 -2
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/object/omit.js +2 -2
- package/build/lib/web/production/_virtual/cloneDeep.js +1 -1
- package/build/lib/web/production/_virtual/cloneDeep3.js +1 -1
- package/build/lib/web/production/_virtual/flatten.js +1 -1
- package/build/lib/web/production/_virtual/flatten3.js +1 -1
- package/build/lib/web/production/components/ActionList/ActionListBox.web.js +2 -1
- package/build/lib/web/production/components/ActionList/ActionListBox.web.js.map +1 -1
- package/build/lib/web/production/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.js +3 -0
- package/build/lib/web/production/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.js.map +1 -1
- package/build/lib/web/production/components/Card/Card.js +1 -0
- package/build/lib/web/production/components/Card/Card.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/CalendarStyles.web.js +6 -6
- package/build/lib/web/production/components/DatePicker/CalendarStyles.web.js.map +1 -1
- package/build/lib/web/production/components/Spark/RzpGlass/presets.js +2 -1
- package/build/lib/web/production/components/Spark/RzpGlass/presets.js.map +1 -1
- package/build/lib/web/production/components/TopNav/TabNav/TabNavIndicator.web.js +1 -1
- package/build/lib/web/production/components/TopNav/TabNav/TabNavIndicator.web.js.map +1 -1
- package/build/lib/web/production/node_modules/es-toolkit/dist/array/flatten.js +1 -1
- package/build/lib/web/production/node_modules/es-toolkit/dist/compat/array/flatten.js +1 -1
- package/build/lib/web/production/node_modules/es-toolkit/dist/compat/array/sortBy.js +2 -2
- package/build/lib/web/production/node_modules/es-toolkit/dist/compat/object/cloneDeep.js +1 -1
- package/build/lib/web/production/node_modules/es-toolkit/dist/compat/object/omit.js +2 -2
- package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matches.js +2 -2
- package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matchesProperty.js +2 -2
- package/build/lib/web/production/node_modules/es-toolkit/dist/object/cloneDeep.js +1 -1
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n CardHeader: 'CardHeader',\n CardHeaderTrailing: 'CardHeaderTrailing',\n CardHeaderLeading: 'CardHeaderLeading',\n CardFooter: 'CardFooter',\n CardFooterTrailing: 'CardFooterTrailing',\n CardFooterLeading: 'CardFooterLeading',\n CardBody: 'CardBody',\n CardHeaderIcon: 'CardHeaderIcon',\n CardHeaderCounter: 'CardHeaderCounter',\n CardHeaderBadge: 'CardHeaderBadge',\n CardHeaderAmount: 'CardHeaderAmount',\n CardHeaderText: 'CardHeaderText',\n CardHeaderLink: 'CardHeaderLink',\n CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n /**\n * Card contents\n */\n children: React.ReactNode;\n /**\n * Sets the background color of the Card\n *\n * @default `surface.background.gray.intense`\n *\n * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n */\n backgroundColor?: CardSurfaceBackgroundColors;\n /**\n * Sets the border radius of the Card\n *\n * @default `medium`\n *\n * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n */\n borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n /**\n * Sets the elevation for Cards\n *\n * **Links:**\n * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n *\n * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n */\n elevation?: keyof Elevation;\n /**\n * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n * @default `spacing.7`\n *\n * **Links:**\n * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n */\n padding?: CardSpacingValueType;\n /**\n * Sets the width of the card\n */\n width?: BoxProps['width'];\n /**\n * Sets the height of the card\n */\n height?: BoxProps['height'];\n /**\n * Sets minimum height of the card\n */\n minHeight?: BoxProps['minHeight'];\n /**\n * Sets minimum width of the card\n */\n minWidth?: BoxProps['minWidth'];\n /**\n * Sets maximum width of the card\n */\n maxWidth?: BoxProps['maxWidth'];\n /**\n * If `true`, the card will be in selected state\n * Card will have a primary color border around it.\n *\n * @default false\n */\n isSelected?: boolean;\n /**\n * Makes the Card linkable by setting the `href` prop\n *\n * @default undefined\n */\n href?: string;\n /**\n * Sets the `target` attribute for the linkable card\n */\n target?: string;\n /**\n * Sets the `rel` attribute for the linkable card\n */\n rel?: string;\n /**\n * Sets the accessibility label for the card\n * This is useful when the card has an `href` or `onClick` prop\n * Setting this will announce the label when the card is focused\n */\n accessibilityLabel?: string;\n /**\n * If `true`, the card will scale up on hover\n *\n * On mobile devices it will scale down on press\n *\n * **This prop is deprecated in favour of motion presets released in v12**\n *\n * ### Migration\n *\n * ```diff\n * - <Card\n * - shouldScaleOnHover\n * - />\n *\n * + <Scale motionTriggers={['hover']}>\n * + <Card />\n * + </Scale>\n * ```\n *\n * @default false\n *\n * @deprecated This prop is deprecated in favour of motion presets released in v12\n */\n shouldScaleOnHover?: boolean;\n /**\n * Callback triggered when the card is hovered\n */\n onHover?: () => void;\n /**\n * Sets the size of the card header title\n *\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /**\n * Callback triggered when the card is clicked\n */\n onClick?: (\n event: Platform.Select<{\n web: React.MouseEvent;\n native: GestureResponderEvent;\n }>,\n ) => void;\n /**\n * Sets the HTML element for the Card\n *\n * When `as` is set to `label`, the card will be rendered as a label element\n * This can be used to create a custom checkbox or radio button using the card\n *\n * @default undefined\n */\n as?: 'label';\n cursor?: Platform.Select<{\n web: CSSObject['cursor'];\n native: undefined;\n }>;\n opacity?: BoxProps['opacity'];\n transition?: BoxProps['transition'];\n flexShrink?: BoxProps['flexShrink'];\n /**\n * Sets the overflow behavior of the card content\n */\n overflow?: BoxProps['overflow'];\n /**\n * Sets the horizontal overflow behavior of the card content\n */\n overflowX?: BoxProps['overflowX'];\n /**\n * Sets the vertical overflow behavior of the card content\n */\n overflowY?: BoxProps['overflowY'];\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n {\n children,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n backgroundColor,\n borderRadius = 'medium',\n elevation = 'lowRaised',\n testID,\n padding = 'spacing.7',\n width,\n height,\n minHeight,\n minWidth,\n maxWidth,\n onClick,\n isSelected = false,\n accessibilityLabel,\n shouldScaleOnHover = false,\n onHover,\n href,\n target,\n rel,\n as,\n size = 'large',\n cursor,\n opacity,\n transition,\n flexShrink,\n overflow,\n overflowX,\n overflowY,\n ...rest\n },\n ref,\n): React.ReactElement => {\n const [isFocused, setIsFocused] = React.useState(false);\n const { colorScheme } = useTheme();\n\n useVerifyAllowedChildren({\n children,\n componentName: 'Card',\n allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n });\n\n const linkOverlayProps: LinkOverlayProps = {\n ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n onFocus: () => {\n setIsFocused(true);\n },\n onBlur: () => {\n setIsFocused(false);\n },\n };\n const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n const checkboxGroupProps = useCheckboxGroupContext();\n const radioGroupProps = useRadioGroupContext();\n\n const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n return undefined;\n };\n\n const groupProps = getGroupProps();\n\n const _validationState = groupProps?.validationState;\n\n return (\n <CardProvider size={size}>\n <CardRoot\n as={as}\n ref={ref as never}\n display={'block' as never}\n borderRadius=\"medium\"\n onMouseEnter={onHover as never}\n shouldScaleOnHover={shouldScaleOnHover}\n isSelected={isSelected}\n isFocused={isFocused}\n // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n onClick={isReactNative() ? onClick : undefined}\n width={width}\n height={height}\n minHeight={minHeight}\n minWidth={minWidth}\n maxWidth={maxWidth}\n href={href}\n accessibilityLabel={accessibilityLabel}\n validationState={_validationState}\n cursor={isReactNative() ? undefined : cursor}\n opacity={opacity}\n transition={transition}\n flexShrink={flexShrink}\n {...metaAttribute({ name: MetaConstants.Card, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <CardSurface\n height={height}\n minHeight={minHeight}\n padding={padding}\n borderRadius=\"medium\"\n textAlign={'left' as never}\n backgroundColor=\"surface.background.gray.intense\"\n colorScheme={colorScheme}\n isSelected={isSelected}\n overflow={overflow}\n overflowX={overflowX}\n overflowY={overflowY}\n >\n {href ? (\n <LinkOverlay\n onClick={onClick}\n href={href}\n target={target}\n rel={rel ?? defaultRel}\n {...linkOverlayProps}\n />\n ) : null}\n {!href && onClick ? (\n <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n ) : null}\n {children}\n </CardSurface>\n </CardRoot>\n </CardProvider>\n );\n};\n\ntype CardBodyProps = {\n children: React.ReactNode;\n height?: BoxProps['height'];\n} & TestID &\n DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n useVerifyInsideCard('CardBody');\n\n return (\n <BaseBox\n {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n {...makeAnalyticsAttribute(rest)}\n height={height}\n >\n {children}\n </BaseBox>\n );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n CardHeader: 'CardHeader',\n CardHeaderTrailing: 'CardHeaderTrailing',\n CardHeaderLeading: 'CardHeaderLeading',\n CardFooter: 'CardFooter',\n CardFooterTrailing: 'CardFooterTrailing',\n CardFooterLeading: 'CardFooterLeading',\n CardBody: 'CardBody',\n CardHeaderIcon: 'CardHeaderIcon',\n CardHeaderCounter: 'CardHeaderCounter',\n CardHeaderBadge: 'CardHeaderBadge',\n CardHeaderAmount: 'CardHeaderAmount',\n CardHeaderText: 'CardHeaderText',\n CardHeaderLink: 'CardHeaderLink',\n CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n /**\n * Card contents\n */\n children: React.ReactNode;\n /**\n * Sets the background color of the Card\n *\n * @default `surface.background.gray.intense`\n *\n * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n */\n backgroundColor?: CardSurfaceBackgroundColors;\n /**\n * Sets the border radius of the Card\n *\n * @default `medium`\n *\n * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n */\n borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n /**\n * Sets the elevation for Cards\n *\n * **Links:**\n * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n *\n * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n */\n elevation?: keyof Elevation;\n /**\n * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n * @default `spacing.7`\n *\n * **Links:**\n * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n */\n padding?: CardSpacingValueType;\n /**\n * Sets the width of the card\n */\n width?: BoxProps['width'];\n /**\n * Sets the height of the card\n */\n height?: BoxProps['height'];\n /**\n * Sets minimum height of the card\n */\n minHeight?: BoxProps['minHeight'];\n /**\n * Sets minimum width of the card\n */\n minWidth?: BoxProps['minWidth'];\n /**\n * Sets maximum width of the card\n */\n maxWidth?: BoxProps['maxWidth'];\n /**\n * If `true`, the card will be in selected state\n * Card will have a primary color border around it.\n *\n * @default false\n */\n isSelected?: boolean;\n /**\n * Makes the Card linkable by setting the `href` prop\n *\n * @default undefined\n */\n href?: string;\n /**\n * Sets the `target` attribute for the linkable card\n */\n target?: string;\n /**\n * Sets the `rel` attribute for the linkable card\n */\n rel?: string;\n /**\n * Sets the accessibility label for the card\n * This is useful when the card has an `href` or `onClick` prop\n * Setting this will announce the label when the card is focused\n */\n accessibilityLabel?: string;\n /**\n * If `true`, the card will scale up on hover\n *\n * On mobile devices it will scale down on press\n *\n * **This prop is deprecated in favour of motion presets released in v12**\n *\n * ### Migration\n *\n * ```diff\n * - <Card\n * - shouldScaleOnHover\n * - />\n *\n * + <Scale motionTriggers={['hover']}>\n * + <Card />\n * + </Scale>\n * ```\n *\n * @default false\n *\n * @deprecated This prop is deprecated in favour of motion presets released in v12\n */\n shouldScaleOnHover?: boolean;\n /**\n * Callback triggered when the card is hovered\n */\n onHover?: () => void;\n /**\n * Sets the size of the card header title\n *\n * @default 'large'\n */\n size?: 'large' | 'medium';\n /**\n * Callback triggered when the card is clicked\n */\n onClick?: (\n event: Platform.Select<{\n web: React.MouseEvent;\n native: GestureResponderEvent;\n }>,\n ) => void;\n /**\n * Sets the HTML element for the Card\n *\n * When `as` is set to `label`, the card will be rendered as a label element\n * This can be used to create a custom checkbox or radio button using the card\n *\n * @default undefined\n */\n as?: 'label';\n cursor?: Platform.Select<{\n web: CSSObject['cursor'];\n native: undefined;\n }>;\n opacity?: BoxProps['opacity'];\n transition?: BoxProps['transition'];\n flexShrink?: BoxProps['flexShrink'];\n /**\n * Sets the overflow behavior of the card content\n */\n overflow?: BoxProps['overflow'];\n /**\n * Sets the horizontal overflow behavior of the card content\n */\n overflowX?: BoxProps['overflowX'];\n /**\n * Sets the vertical overflow behavior of the card content\n */\n overflowY?: BoxProps['overflowY'];\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n {\n children,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n backgroundColor,\n borderRadius = 'medium',\n elevation = 'lowRaised',\n testID,\n padding = 'spacing.7',\n width,\n height,\n minHeight,\n minWidth,\n maxWidth,\n onClick,\n isSelected = false,\n accessibilityLabel,\n shouldScaleOnHover = false,\n onHover,\n href,\n target,\n rel,\n as,\n size = 'large',\n cursor,\n opacity,\n transition,\n flexShrink,\n overflow,\n overflowX,\n overflowY,\n ...rest\n },\n ref,\n): React.ReactElement => {\n const [isFocused, setIsFocused] = React.useState(false);\n const { colorScheme } = useTheme();\n\n useVerifyAllowedChildren({\n children,\n componentName: 'Card',\n allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n });\n\n const linkOverlayProps: LinkOverlayProps = {\n ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n onFocus: () => {\n setIsFocused(true);\n },\n onBlur: () => {\n setIsFocused(false);\n },\n };\n const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n const checkboxGroupProps = useCheckboxGroupContext();\n const radioGroupProps = useRadioGroupContext();\n\n const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n return undefined;\n };\n\n const groupProps = getGroupProps();\n\n const _validationState = groupProps?.validationState;\n\n return (\n <CardProvider size={size}>\n <CardRoot\n as={as}\n ref={ref as never}\n display={'block' as never}\n borderRadius=\"medium\"\n onMouseEnter={onHover as never}\n shouldScaleOnHover={shouldScaleOnHover}\n isSelected={isSelected}\n isFocused={isFocused}\n // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n onClick={isReactNative() ? onClick : undefined}\n width={width}\n height={height}\n minHeight={minHeight}\n minWidth={minWidth}\n maxWidth={maxWidth}\n href={href}\n accessibilityLabel={accessibilityLabel}\n validationState={_validationState}\n cursor={isReactNative() ? undefined : cursor}\n opacity={opacity}\n transition={transition}\n flexShrink={flexShrink}\n {...metaAttribute({ name: MetaConstants.Card, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <CardSurface\n height={height}\n minHeight={minHeight}\n padding={padding}\n borderRadius=\"medium\"\n textAlign={'left' as never}\n backgroundColor=\"surface.background.gray.intense\"\n colorScheme={colorScheme}\n isSelected={isSelected}\n elevation={elevation}\n overflow={overflow}\n overflowX={overflowX}\n overflowY={overflowY}\n >\n {href ? (\n <LinkOverlay\n onClick={onClick}\n href={href}\n target={target}\n rel={rel ?? defaultRel}\n {...linkOverlayProps}\n />\n ) : null}\n {!href && onClick ? (\n <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n ) : null}\n {children}\n </CardSurface>\n </CardRoot>\n </CardProvider>\n );\n};\n\ntype CardBodyProps = {\n children: React.ReactNode;\n height?: BoxProps['height'];\n} & TestID &\n DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n useVerifyInsideCard('CardBody');\n\n return (\n <BaseBox\n {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n {...makeAnalyticsAttribute(rest)}\n height={height}\n >\n {children}\n </BaseBox>\n );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}
|
|
@@ -79,16 +79,16 @@ var selectedCell = {
|
|
|
79
79
|
};
|
|
80
80
|
var inRangeCell = {
|
|
81
81
|
background: {
|
|
82
|
-
"default": '
|
|
83
|
-
hover: 'interactive.background.
|
|
82
|
+
"default": 'interactive.background.gray.fadedHighlighted',
|
|
83
|
+
hover: 'interactive.background.gray.fadedHighlighted'
|
|
84
84
|
},
|
|
85
85
|
border: {
|
|
86
|
-
"default": 'interactive.border.
|
|
87
|
-
hover: 'interactive.border.
|
|
86
|
+
"default": 'interactive.border.gray.default',
|
|
87
|
+
hover: 'interactive.border.gray.default'
|
|
88
88
|
},
|
|
89
89
|
text: {
|
|
90
|
-
"default": 'interactive.text.
|
|
91
|
-
hover: 'interactive.text.
|
|
90
|
+
"default": 'interactive.text.gray.normal',
|
|
91
|
+
hover: 'interactive.text.gray.normal'
|
|
92
92
|
}
|
|
93
93
|
};
|
|
94
94
|
var CalendarGradientStyles = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n gap: {\n x: size[0],\n y: size[2],\n },\n size: {\n desktop: size[40],\n mobile: size[48],\n },\n background: {\n default: 'transparent',\n hover: 'interactive.background.gray.highlighted',\n disabled: 'transparent',\n },\n text: {\n default: 'interactive.text.gray.normal',\n disabled: 'interactive.text.gray.disabled',\n },\n} as const;\n\nconst todayCell = {\n background: {\n default: 'transparent',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst selectedCell = {\n day: {\n background: {\n default: 'interactive.background.primary.default',\n hover: 'interactive.background.primary.highlighted',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.faded',\n },\n text: {\n default: 'interactive.text.onPrimary.normal',\n hover: 'interactive.text.onPrimary.normal',\n },\n },\n month: {\n background: {\n default: 'interactive.background.gray.fadedHighlighted',\n hover: 'interactive.background.gray.fadedHighlighted',\n },\n border: {\n default: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.gray.normal',\n },\n },\n} as const;\n\nconst inRangeCell = {\n background: {\n default: 'surface.background.primary.subtle',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n ({ theme, date, isRange }) => {\n const isMobile = useIsMobile();\n // Bail out if datepicker is not in range mode or on mobile\n if (isMobile || !isRange) return {};\n\n // Calculate the first and last day of the month for both calendars in range mode\n // This is to apply the gradient to the first and last day of the month\n const cal1 = dayjs(date);\n const cal1FirstDay = cal1.startOf('month');\n const cal1LastDay = cal1.endOf('month');\n // Check if the first and last day of the month are at the start or end of the week\n // If so, we don't apply the gradient, as it will overflow to the previous or next month\n // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n // Do the same for the second calendar\n const cal2 = dayjs(date).add(1, 'month');\n const cal2FirstDay = cal2.startOf('month');\n const cal2LastDay = cal2.endOf('month');\n const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n const gradientBefore = {\n content: '\"\"',\n position: 'absolute',\n width: '100%',\n top: 0,\n bottom: 0,\n right: 0,\n pointerEvents: 'none',\n } as const;\n const rightGradient = {\n ...gradientBefore,\n left: '-100%',\n background: `linear-gradient(to right, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n const leftGradient = {\n ...gradientBefore,\n left: '100%',\n background: `linear-gradient(to left, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n\n return {\n [`.${classes.dayCell}`]: {\n // First calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n // Second calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n },\n };\n },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n const isMobile = useIsMobile();\n const device = isMobile ? 'mobile' : 'desktop';\n const isDayPicker = pickerType === 'day';\n\n const today = {\n '&[data-today]': {\n position: 'relative',\n ':before': {\n content: '\"\"',\n position: 'absolute',\n left: '50%',\n bottom: makeSpace(size[5]),\n transform: 'translate(-50%, -50%)',\n backgroundColor: getIn(theme.colors, todayCell.text.default),\n width: makeSpace(theme.spacing[2]),\n height: makeSpace(theme.spacing[2]),\n borderRadius: theme.border.radius.max,\n },\n },\n '&[data-today]:hover': {\n backgroundColor: getIn(theme.colors, todayCell.background.hover),\n outlineColor: getIn(theme.colors, todayCell.border.hover),\n color: getIn(theme.colors, todayCell.text.hover),\n },\n } as const;\n\n const selected = {\n '&[data-selected]': {\n '&[data-celltype=\"day\"]': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n color: getIn(theme.colors, selectedCell.day.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n color: getIn(theme.colors, selectedCell.day.text.hover),\n },\n },\n '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n backgroundColor: getIn(theme.colors, selectedCell.month.background.default),\n outlineStyle: 'none',\n color: getIn(theme.colors, selectedCell.month.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n },\n },\n ':before': {\n backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n },\n },\n } as const;\n\n const ranges = {\n '&[data-in-range]': {\n borderRadius: 0,\n backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n outlineColor: getIn(theme.colors, inRangeCell.border.default),\n color: getIn(theme.colors, inRangeCell.text.default),\n position: 'relative',\n },\n '&[data-in-range]:hover': {\n backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n color: getIn(theme.colors, inRangeCell.text.hover),\n },\n '&[data-first-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n '&[data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n '&[data-first-in-range][data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n },\n } as const;\n\n return {\n width: '100%',\n [`.${classes.levelsGroup}`]: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n gap: makeSpace(theme.spacing[8]),\n table: {\n borderCollapse: 'collapse',\n width: !isDayPicker || isMobile ? '100%' : undefined,\n },\n '> div': {\n margin: 0,\n width: isMobile || !isDayPicker ? '100%' : undefined,\n },\n th: {\n flex: 1,\n },\n td: {\n flex: 1,\n padding: '0px',\n paddingBottom: makeSpace(cell.gap.y),\n },\n },\n [`.${classes.row}`]: {\n textAlign: 'center',\n display: isDayPicker ? 'flex' : 'grid',\n gridTemplateColumns: 'repeat(3, 1fr)',\n gap: isDayPicker ? undefined : makeSpace(theme.spacing[3]),\n },\n [`.${classes.calendarHeader}`]: {\n display: 'none',\n },\n [`.${classes.weekday}`]: {\n ...getTextStyles({\n theme,\n variant: 'body',\n size: 'small',\n weight: 'medium',\n color: 'surface.text.gray.muted',\n }),\n paddingBottom: makeSpace(theme.spacing[4]),\n },\n [`.${classes.dayCell}`]: {\n button: {\n all: 'unset',\n cursor: 'pointer',\n width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n backgroundColor: getIn(theme.colors, cell.background.default),\n borderRadius: theme.border.radius.small,\n border: 'none',\n ...getTextStyles({\n theme,\n variant: 'body',\n size: 'medium',\n weight: isDayPicker ? 'regular' : 'medium',\n }),\n\n '&:hover': {\n backgroundColor: getIn(theme.colors, cell.background.hover),\n },\n '&[data-celltype=\"month\"]:hover, &[data-celltype=\"year\"]:hover': {\n backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n },\n '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n '&[data-celltype=\"month\"]:focus-visible, &[data-celltype=\"year\"]:focus-visible': {\n backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n },\n '&[data-disabled]': {\n color: getIn(theme.colors, cell.text.disabled),\n backgroundColor: getIn(theme.colors, cell.background.disabled),\n cursor: 'not-allowed',\n },\n '&[data-hidden]': {\n display: 'none',\n },\n '&[data-outside]': {\n color: theme.colors.interactive.text.gray.muted,\n },\n '&[data-outside]:hover': {\n color: getIn(theme.colors, cell.text.default),\n },\n ...ranges,\n ...today,\n ...selected,\n },\n },\n };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","small","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n gap: {\n x: size[0],\n y: size[2],\n },\n size: {\n desktop: size[40],\n mobile: size[48],\n },\n background: {\n default: 'transparent',\n hover: 'interactive.background.gray.highlighted',\n disabled: 'transparent',\n },\n text: {\n default: 'interactive.text.gray.normal',\n disabled: 'interactive.text.gray.disabled',\n },\n} as const;\n\nconst todayCell = {\n background: {\n default: 'transparent',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst selectedCell = {\n day: {\n background: {\n default: 'interactive.background.primary.default',\n hover: 'interactive.background.primary.highlighted',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.faded',\n },\n text: {\n default: 'interactive.text.onPrimary.normal',\n hover: 'interactive.text.onPrimary.normal',\n },\n },\n month: {\n background: {\n default: 'interactive.background.gray.fadedHighlighted',\n hover: 'interactive.background.gray.fadedHighlighted',\n },\n border: {\n default: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.gray.normal',\n },\n },\n} as const;\n\nconst inRangeCell = {\n background: {\n default: 'interactive.background.gray.fadedHighlighted',\n hover: 'interactive.background.gray.fadedHighlighted',\n },\n border: {\n default: 'interactive.border.gray.default',\n hover: 'interactive.border.gray.default',\n },\n text: {\n default: 'interactive.text.gray.normal',\n hover: 'interactive.text.gray.normal',\n },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n ({ theme, date, isRange }) => {\n const isMobile = useIsMobile();\n // Bail out if datepicker is not in range mode or on mobile\n if (isMobile || !isRange) return {};\n\n // Calculate the first and last day of the month for both calendars in range mode\n // This is to apply the gradient to the first and last day of the month\n const cal1 = dayjs(date);\n const cal1FirstDay = cal1.startOf('month');\n const cal1LastDay = cal1.endOf('month');\n // Check if the first and last day of the month are at the start or end of the week\n // If so, we don't apply the gradient, as it will overflow to the previous or next month\n // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n // Do the same for the second calendar\n const cal2 = dayjs(date).add(1, 'month');\n const cal2FirstDay = cal2.startOf('month');\n const cal2LastDay = cal2.endOf('month');\n const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n const gradientBefore = {\n content: '\"\"',\n position: 'absolute',\n width: '100%',\n top: 0,\n bottom: 0,\n right: 0,\n pointerEvents: 'none',\n } as const;\n const rightGradient = {\n ...gradientBefore,\n left: '-100%',\n background: `linear-gradient(to right, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n const leftGradient = {\n ...gradientBefore,\n left: '100%',\n background: `linear-gradient(to left, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n\n return {\n [`.${classes.dayCell}`]: {\n // First calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n // Second calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n },\n };\n },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n const isMobile = useIsMobile();\n const device = isMobile ? 'mobile' : 'desktop';\n const isDayPicker = pickerType === 'day';\n\n const today = {\n '&[data-today]': {\n position: 'relative',\n ':before': {\n content: '\"\"',\n position: 'absolute',\n left: '50%',\n bottom: makeSpace(size[5]),\n transform: 'translate(-50%, -50%)',\n backgroundColor: getIn(theme.colors, todayCell.text.default),\n width: makeSpace(theme.spacing[2]),\n height: makeSpace(theme.spacing[2]),\n borderRadius: theme.border.radius.max,\n },\n },\n '&[data-today]:hover': {\n backgroundColor: getIn(theme.colors, todayCell.background.hover),\n outlineColor: getIn(theme.colors, todayCell.border.hover),\n color: getIn(theme.colors, todayCell.text.hover),\n },\n } as const;\n\n const selected = {\n '&[data-selected]': {\n '&[data-celltype=\"day\"]': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n color: getIn(theme.colors, selectedCell.day.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n color: getIn(theme.colors, selectedCell.day.text.hover),\n },\n },\n '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n backgroundColor: getIn(theme.colors, selectedCell.month.background.default),\n outlineStyle: 'none',\n color: getIn(theme.colors, selectedCell.month.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n },\n },\n ':before': {\n backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n },\n },\n } as const;\n\n const ranges = {\n '&[data-in-range]': {\n borderRadius: 0,\n backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n outlineColor: getIn(theme.colors, inRangeCell.border.default),\n color: getIn(theme.colors, inRangeCell.text.default),\n position: 'relative',\n },\n '&[data-in-range]:hover': {\n backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n color: getIn(theme.colors, inRangeCell.text.hover),\n },\n '&[data-first-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n '&[data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n '&[data-first-in-range][data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n },\n } as const;\n\n return {\n width: '100%',\n [`.${classes.levelsGroup}`]: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n gap: makeSpace(theme.spacing[8]),\n table: {\n borderCollapse: 'collapse',\n width: !isDayPicker || isMobile ? '100%' : undefined,\n },\n '> div': {\n margin: 0,\n width: isMobile || !isDayPicker ? '100%' : undefined,\n },\n th: {\n flex: 1,\n },\n td: {\n flex: 1,\n padding: '0px',\n paddingBottom: makeSpace(cell.gap.y),\n },\n },\n [`.${classes.row}`]: {\n textAlign: 'center',\n display: isDayPicker ? 'flex' : 'grid',\n gridTemplateColumns: 'repeat(3, 1fr)',\n gap: isDayPicker ? undefined : makeSpace(theme.spacing[3]),\n },\n [`.${classes.calendarHeader}`]: {\n display: 'none',\n },\n [`.${classes.weekday}`]: {\n ...getTextStyles({\n theme,\n variant: 'body',\n size: 'small',\n weight: 'medium',\n color: 'surface.text.gray.muted',\n }),\n paddingBottom: makeSpace(theme.spacing[4]),\n },\n [`.${classes.dayCell}`]: {\n button: {\n all: 'unset',\n cursor: 'pointer',\n width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n backgroundColor: getIn(theme.colors, cell.background.default),\n borderRadius: theme.border.radius.small,\n border: 'none',\n ...getTextStyles({\n theme,\n variant: 'body',\n size: 'medium',\n weight: isDayPicker ? 'regular' : 'medium',\n }),\n\n '&:hover': {\n backgroundColor: getIn(theme.colors, cell.background.hover),\n },\n '&[data-celltype=\"month\"]:hover, &[data-celltype=\"year\"]:hover': {\n backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n },\n '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n '&[data-celltype=\"month\"]:focus-visible, &[data-celltype=\"year\"]:focus-visible': {\n backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n },\n '&[data-disabled]': {\n color: getIn(theme.colors, cell.text.disabled),\n backgroundColor: getIn(theme.colors, cell.background.disabled),\n cursor: 'not-allowed',\n },\n '&[data-hidden]': {\n display: 'none',\n },\n '&[data-outside]': {\n color: theme.colors.interactive.text.gray.muted,\n },\n '&[data-outside]:hover': {\n color: getIn(theme.colors, cell.text.default),\n },\n ...ranges,\n ...today,\n ...selected,\n },\n },\n };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","small","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}
|
|
@@ -115,8 +115,9 @@ var getPresets = function getPresets(assetsPath) {
|
|
|
115
115
|
gradientMapSrc: "".concat(assetsPath, "/colorama-gradient-map-green.jpg"),
|
|
116
116
|
gradientMap2Src: "".concat(assetsPath, "/colorama-gradient-map-blue.jpg"),
|
|
117
117
|
gradientMapBlend: 0,
|
|
118
|
+
modifyGamma: 0.97,
|
|
118
119
|
edgeFeather: [0.3, 0, 3, 0],
|
|
119
|
-
panY:
|
|
120
|
+
panY: 0.03,
|
|
120
121
|
numSegments: 30,
|
|
121
122
|
enableBloom: false,
|
|
122
123
|
slitAngle: 15 * Math.PI / 180
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"presets.js","sources":["../../../../../../../src/components/Spark/RzpGlass/presets.ts"],"sourcesContent":["import type { RzpGlassConfig, RzpGlassPresetDefinition } from './types';\n\n// ============================================\n// DEFAULT CONFIG VALUES\n// ============================================\nconst DEFAULT_CONFIG: Required<RzpGlassConfig> = {\n // Input Phase\n inputMin: 0.0,\n inputMax: 1.0,\n // Modify Phase\n modifyGamma: 1.05,\n posterizeLevels: 0.0,\n cycleRepetitions: 1.0,\n phaseShift: 0.0,\n cycleSpeed: 0.0,\n // Output Cycle\n wrapMode: false,\n reverse: true,\n // Composite\n blendWithOriginal: 0.0,\n gradientMapBlend: 0.0,\n gradientMapBlendDuration: 0.6,\n\n // Center Element\n enableCenterElement: true,\n centerAnimDuration: 6.0,\n\n // Color Correction\n ccBlackPoint: 0.0,\n ccWhitePoint: 0.9,\n ccMidtoneGamma: 1.2,\n ccGamma: 1.2,\n ccContrast: 0.0,\n\n // Displacement\n numSegments: 45.0,\n slitAngle: 0.15,\n displacementX: -12.0,\n displacementY: -20.0,\n\n // Playback\n paused: false,\n startTime: 0,\n endTime: 14,\n animateLightIndependently: false,\n playbackRate: 1.0,\n\n // Light Effect\n lightIntensity: 0.2,\n lightStartFrame: 140,\n\n // Effect Toggles\n enableDisplacement: true,\n enableColorama: true,\n enableBloom: true,\n enableLightSweep: true,\n\n // Canvas\n aspectRatio: 3 / 2,\n\n // Zoom & Pan\n zoom: 1,\n panX: 0,\n panY: 0,\n edgeFeather: [0, 0, 0, 0],\n\n // Background Color\n backgroundColor: [-1, -1, -1],\n\n // Cycle Animation\n animateCycleReps: true,\n cycleRepetitionsStart: 1.0,\n cycleRepetitionsEnd: 1.15,\n cycleRepetitionsStartFrame: 0,\n cycleRepetitionsDuration: 140,\n};\n\n// ============================================\n// PRESETS\n// ============================================\nexport type RzpGlassPreset = 'default' | 'zoomed' | 'bottomWave' | 'rippleWave' | 'circleSlideUp';\n\n/**\n * Get preset definitions with dynamic CDN path support.\n * Asset URLs in presets will use the provided assetsPath.\n */\nconst getPresets = (assetsPath: string): Record<RzpGlassPreset, RzpGlassPresetDefinition> => ({\n /** Baseline — identical to DEFAULT_CONFIG, no overrides */\n default: {},\n\n /**\n * Zoomed-in closeup: high zoom, fine segments, edge feathering.\n * Good for a tight card/badge usage.\n */\n zoomed: {\n lightIntensity: 0.2,\n lightStartFrame: 0,\n // Color Correction\n ccBlackPoint: 0.0,\n ccWhitePoint: 0.9,\n ccMidtoneGamma: 1.2,\n ccGamma: 1.62,\n ccContrast: 0.0,\n // Displacement\n numSegments: 20.0,\n slitAngle: (15 * Math.PI) / 180,\n displacementX: -12.0,\n displacementY: -20.0,\n // Playback\n paused: true,\n startTime: 10,\n endTime: 14,\n animateLightIndependently: true,\n // Zoom & Pan\n zoom: 5,\n panX: -0.01,\n panY: 0.1,\n edgeFeather: [3, 5, 3, 3],\n // Animation\n animateCycleReps: true,\n cycleRepetitionsStart: 1.0,\n cycleRepetitionsEnd: 1.15,\n cycleRepetitionsStartFrame: 0,\n cycleRepetitionsDuration: 140,\n },\n bottomWave: {\n imageSrc: `${assetsPath}/bottom-frame.jpg`,\n gradientMapSrc: `${assetsPath}/colorama-gradient-map-green.jpg`,\n gradientMap2Src: `${assetsPath}/colorama-gradient-map-blue.jpg`,\n gradientMapBlend: 0,\n edgeFeather: [0.3, 0, 3, 0],\n panY:
|
|
1
|
+
{"version":3,"file":"presets.js","sources":["../../../../../../../src/components/Spark/RzpGlass/presets.ts"],"sourcesContent":["import type { RzpGlassConfig, RzpGlassPresetDefinition } from './types';\n\n// ============================================\n// DEFAULT CONFIG VALUES\n// ============================================\nconst DEFAULT_CONFIG: Required<RzpGlassConfig> = {\n // Input Phase\n inputMin: 0.0,\n inputMax: 1.0,\n // Modify Phase\n modifyGamma: 1.05,\n posterizeLevels: 0.0,\n cycleRepetitions: 1.0,\n phaseShift: 0.0,\n cycleSpeed: 0.0,\n // Output Cycle\n wrapMode: false,\n reverse: true,\n // Composite\n blendWithOriginal: 0.0,\n gradientMapBlend: 0.0,\n gradientMapBlendDuration: 0.6,\n\n // Center Element\n enableCenterElement: true,\n centerAnimDuration: 6.0,\n\n // Color Correction\n ccBlackPoint: 0.0,\n ccWhitePoint: 0.9,\n ccMidtoneGamma: 1.2,\n ccGamma: 1.2,\n ccContrast: 0.0,\n\n // Displacement\n numSegments: 45.0,\n slitAngle: 0.15,\n displacementX: -12.0,\n displacementY: -20.0,\n\n // Playback\n paused: false,\n startTime: 0,\n endTime: 14,\n animateLightIndependently: false,\n playbackRate: 1.0,\n\n // Light Effect\n lightIntensity: 0.2,\n lightStartFrame: 140,\n\n // Effect Toggles\n enableDisplacement: true,\n enableColorama: true,\n enableBloom: true,\n enableLightSweep: true,\n\n // Canvas\n aspectRatio: 3 / 2,\n\n // Zoom & Pan\n zoom: 1,\n panX: 0,\n panY: 0,\n edgeFeather: [0, 0, 0, 0],\n\n // Background Color\n backgroundColor: [-1, -1, -1],\n\n // Cycle Animation\n animateCycleReps: true,\n cycleRepetitionsStart: 1.0,\n cycleRepetitionsEnd: 1.15,\n cycleRepetitionsStartFrame: 0,\n cycleRepetitionsDuration: 140,\n};\n\n// ============================================\n// PRESETS\n// ============================================\nexport type RzpGlassPreset = 'default' | 'zoomed' | 'bottomWave' | 'rippleWave' | 'circleSlideUp';\n\n/**\n * Get preset definitions with dynamic CDN path support.\n * Asset URLs in presets will use the provided assetsPath.\n */\nconst getPresets = (assetsPath: string): Record<RzpGlassPreset, RzpGlassPresetDefinition> => ({\n /** Baseline — identical to DEFAULT_CONFIG, no overrides */\n default: {},\n\n /**\n * Zoomed-in closeup: high zoom, fine segments, edge feathering.\n * Good for a tight card/badge usage.\n */\n zoomed: {\n lightIntensity: 0.2,\n lightStartFrame: 0,\n // Color Correction\n ccBlackPoint: 0.0,\n ccWhitePoint: 0.9,\n ccMidtoneGamma: 1.2,\n ccGamma: 1.62,\n ccContrast: 0.0,\n // Displacement\n numSegments: 20.0,\n slitAngle: (15 * Math.PI) / 180,\n displacementX: -12.0,\n displacementY: -20.0,\n // Playback\n paused: true,\n startTime: 10,\n endTime: 14,\n animateLightIndependently: true,\n // Zoom & Pan\n zoom: 5,\n panX: -0.01,\n panY: 0.1,\n edgeFeather: [3, 5, 3, 3],\n // Animation\n animateCycleReps: true,\n cycleRepetitionsStart: 1.0,\n cycleRepetitionsEnd: 1.15,\n cycleRepetitionsStartFrame: 0,\n cycleRepetitionsDuration: 140,\n },\n bottomWave: {\n imageSrc: `${assetsPath}/bottom-frame.jpg`,\n gradientMapSrc: `${assetsPath}/colorama-gradient-map-green.jpg`,\n gradientMap2Src: `${assetsPath}/colorama-gradient-map-blue.jpg`,\n gradientMapBlend: 0,\n modifyGamma: 0.97,\n edgeFeather: [0.3, 0, 3, 0],\n panY: 0.03,\n numSegments: 30,\n enableBloom: false,\n slitAngle: (15 * Math.PI) / 180,\n },\n rippleWave: {\n videoSrc: `${assetsPath}/ray-pulse.mp4`,\n aspectRatio: 1.61,\n playbackRate: 0.7,\n slitAngle: (15 * Math.PI) / 180,\n numSegments: 35,\n ccGamma: 2.0,\n displacementX: -2.0,\n displacementY: -11.0,\n enableDisplacement: true,\n enableCenterElement: false,\n enableLightSweep: false,\n enableBloom: false,\n animateCycleReps: false,\n zoom: 2,\n },\n circleSlideUp: {\n videoSrc: `${assetsPath}/success-animation-circle.mp4`,\n aspectRatio: 1.61,\n playbackRate: 0.85,\n slitAngle: (15 * Math.PI) / 180,\n numSegments: 25,\n enableDisplacement: true,\n enableCenterElement: false,\n enableLightSweep: false,\n enableBloom: false,\n animateCycleReps: false,\n zoom: 1,\n },\n});\n\nexport { DEFAULT_CONFIG, getPresets };\n"],"names":["DEFAULT_CONFIG","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","gradientMapBlend","gradientMapBlendDuration","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","numSegments","slitAngle","displacementX","displacementY","paused","startTime","endTime","animateLightIndependently","playbackRate","lightIntensity","lightStartFrame","enableDisplacement","enableColorama","enableBloom","enableLightSweep","aspectRatio","zoom","panX","panY","edgeFeather","backgroundColor","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","getPresets","assetsPath","zoomed","Math","PI","bottomWave","imageSrc","concat","gradientMapSrc","gradientMap2Src","rippleWave","videoSrc","circleSlideUp"],"mappings":"AAEA;AACA;AACA;AACA,IAAMA,cAAwC,GAAG;AAC/C;AACAC,EAAAA,QAAQ,EAAE,GAAG;AACbC,EAAAA,QAAQ,EAAE,GAAG;AACb;AACAC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,eAAe,EAAE,GAAG;AACpBC,EAAAA,gBAAgB,EAAE,GAAG;AACrBC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,UAAU,EAAE,GAAG;AACf;AACAC,EAAAA,QAAQ,EAAE,KAAK;AACfC,EAAAA,OAAO,EAAE,IAAI;AACb;AACAC,EAAAA,iBAAiB,EAAE,GAAG;AACtBC,EAAAA,gBAAgB,EAAE,GAAG;AACrBC,EAAAA,wBAAwB,EAAE,GAAG;AAE7B;AACAC,EAAAA,mBAAmB,EAAE,IAAI;AACzBC,EAAAA,kBAAkB,EAAE,GAAG;AAEvB;AACAC,EAAAA,YAAY,EAAE,GAAG;AACjBC,EAAAA,YAAY,EAAE,GAAG;AACjBC,EAAAA,cAAc,EAAE,GAAG;AACnBC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,UAAU,EAAE,GAAG;AAEf;AACAC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,SAAS,EAAE,IAAI;EACfC,aAAa,EAAE,CAAC,IAAI;EACpBC,aAAa,EAAE,CAAC,IAAI;AAEpB;AACAC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,SAAS,EAAE,CAAC;AACZC,EAAAA,OAAO,EAAE,EAAE;AACXC,EAAAA,yBAAyB,EAAE,KAAK;AAChCC,EAAAA,YAAY,EAAE,GAAG;AAEjB;AACAC,EAAAA,cAAc,EAAE,GAAG;AACnBC,EAAAA,eAAe,EAAE,GAAG;AAEpB;AACAC,EAAAA,kBAAkB,EAAE,IAAI;AACxBC,EAAAA,cAAc,EAAE,IAAI;AACpBC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,gBAAgB,EAAE,IAAI;AAEtB;EACAC,WAAW,EAAE,CAAC,GAAG,CAAC;AAElB;AACAC,EAAAA,IAAI,EAAE,CAAC;AACPC,EAAAA,IAAI,EAAE,CAAC;AACPC,EAAAA,IAAI,EAAE,CAAC;EACPC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAEzB;EACAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7B;AACAC,EAAAA,gBAAgB,EAAE,IAAI;AACtBC,EAAAA,qBAAqB,EAAE,GAAG;AAC1BC,EAAAA,mBAAmB,EAAE,IAAI;AACzBC,EAAAA,0BAA0B,EAAE,CAAC;AAC7BC,EAAAA,wBAAwB,EAAE,GAAA;AAC5B,EAAC;;AAED;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,UAAkB,EAAA;EAAA,OAAwD;AAC5F;AACA,IAAA,SAAA,EAAS,EAAE;AAEX;AACF;AACA;AACA;AACEC,IAAAA,MAAM,EAAE;AACNnB,MAAAA,cAAc,EAAE,GAAG;AACnBC,MAAAA,eAAe,EAAE,CAAC;AAClB;AACAf,MAAAA,YAAY,EAAE,GAAG;AACjBC,MAAAA,YAAY,EAAE,GAAG;AACjBC,MAAAA,cAAc,EAAE,GAAG;AACnBC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,UAAU,EAAE,GAAG;AACf;AACAC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,SAAS,EAAG,EAAE,GAAG4B,IAAI,CAACC,EAAE,GAAI,GAAG;MAC/B5B,aAAa,EAAE,CAAC,IAAI;MACpBC,aAAa,EAAE,CAAC,IAAI;AACpB;AACAC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,SAAS,EAAE,EAAE;AACbC,MAAAA,OAAO,EAAE,EAAE;AACXC,MAAAA,yBAAyB,EAAE,IAAI;AAC/B;AACAS,MAAAA,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC,IAAI;AACXC,MAAAA,IAAI,EAAE,GAAG;MACTC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzB;AACAE,MAAAA,gBAAgB,EAAE,IAAI;AACtBC,MAAAA,qBAAqB,EAAE,GAAG;AAC1BC,MAAAA,mBAAmB,EAAE,IAAI;AACzBC,MAAAA,0BAA0B,EAAE,CAAC;AAC7BC,MAAAA,wBAAwB,EAAE,GAAA;KAC3B;AACDM,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAAC,EAAAA,CAAAA,MAAA,CAAKN,UAAU,EAAmB,mBAAA,CAAA;AAC1CO,MAAAA,cAAc,EAAAD,EAAAA,CAAAA,MAAA,CAAKN,UAAU,EAAkC,kCAAA,CAAA;AAC/DQ,MAAAA,eAAe,EAAAF,EAAAA,CAAAA,MAAA,CAAKN,UAAU,EAAiC,iCAAA,CAAA;AAC/DpC,MAAAA,gBAAgB,EAAE,CAAC;AACnBR,MAAAA,WAAW,EAAE,IAAI;MACjBoC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC3BD,MAAAA,IAAI,EAAE,IAAI;AACVlB,MAAAA,WAAW,EAAE,EAAE;AACfa,MAAAA,WAAW,EAAE,KAAK;AAClBZ,MAAAA,SAAS,EAAG,EAAE,GAAG4B,IAAI,CAACC,EAAE,GAAI,GAAA;KAC7B;AACDM,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAAJ,EAAAA,CAAAA,MAAA,CAAKN,UAAU,EAAgB,gBAAA,CAAA;AACvCZ,MAAAA,WAAW,EAAE,IAAI;AACjBP,MAAAA,YAAY,EAAE,GAAG;AACjBP,MAAAA,SAAS,EAAG,EAAE,GAAG4B,IAAI,CAACC,EAAE,GAAI,GAAG;AAC/B9B,MAAAA,WAAW,EAAE,EAAE;AACfF,MAAAA,OAAO,EAAE,GAAG;MACZI,aAAa,EAAE,CAAC,GAAG;MACnBC,aAAa,EAAE,CAAC,IAAI;AACpBQ,MAAAA,kBAAkB,EAAE,IAAI;AACxBlB,MAAAA,mBAAmB,EAAE,KAAK;AAC1BqB,MAAAA,gBAAgB,EAAE,KAAK;AACvBD,MAAAA,WAAW,EAAE,KAAK;AAClBQ,MAAAA,gBAAgB,EAAE,KAAK;AACvBL,MAAAA,IAAI,EAAE,CAAA;KACP;AACDsB,IAAAA,aAAa,EAAE;AACbD,MAAAA,QAAQ,EAAAJ,EAAAA,CAAAA,MAAA,CAAKN,UAAU,EAA+B,+BAAA,CAAA;AACtDZ,MAAAA,WAAW,EAAE,IAAI;AACjBP,MAAAA,YAAY,EAAE,IAAI;AAClBP,MAAAA,SAAS,EAAG,EAAE,GAAG4B,IAAI,CAACC,EAAE,GAAI,GAAG;AAC/B9B,MAAAA,WAAW,EAAE,EAAE;AACfW,MAAAA,kBAAkB,EAAE,IAAI;AACxBlB,MAAAA,mBAAmB,EAAE,KAAK;AAC1BqB,MAAAA,gBAAgB,EAAE,KAAK;AACvBD,MAAAA,WAAW,EAAE,KAAK;AAClBQ,MAAAA,gBAAgB,EAAE,KAAK;AACvBL,MAAAA,IAAI,EAAE,CAAA;AACR,KAAA;GACD,CAAA;AAAA;;;;"}
|
|
@@ -40,7 +40,7 @@ var StyledTabNavIndicatorLine = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
40
40
|
return {
|
|
41
41
|
position: 'relative',
|
|
42
42
|
width: '100%',
|
|
43
|
-
height: makeSpace(theme.border.width.
|
|
43
|
+
height: makeSpace(theme.border.width.thinner),
|
|
44
44
|
borderTopLeftRadius: makeBorderSize(theme.border.radius.medium),
|
|
45
45
|
borderTopRightRadius: makeBorderSize(theme.border.radius.medium)
|
|
46
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavIndicator.web.js","sources":["../../../../../../../src/components/TopNav/TabNav/TabNavIndicator.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\n// inspired from Tabs/TabIndicator.web.tsx\nimport React from 'react';\nimport styled from 'styled-components';\nimport { castWebType, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport { useResize } from '~utils/useResize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledIndicatorWrapper = styled.div({\n pointerEvents: 'none',\n position: 'absolute',\n bottom: 0,\n left: 0,\n willChange: 'transform, width, opacity',\n});\n\nconst StyledTabNavIndicatorLine = styled(BaseBox)(({ theme }) => {\n return {\n position: 'relative',\n width: '100%',\n height: makeSpace(theme.border.width.thin),\n borderTopLeftRadius: makeBorderSize(theme.border.radius.medium),\n borderTopRightRadius: makeBorderSize(theme.border.radius.medium),\n };\n});\n\nconst GLOW_OVERFLOW = 32;\nconst GLOW_HEIGHT = size[56];\n\nconst buildGlowMask = (width: number, height: number = GLOW_HEIGHT): string => {\n const cx = width / 2;\n const rx = width * 0.37;\n return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}'%3E%3Cdefs%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='0' y='0' width='${width}' height='${height}'%3E%3CfeGaussianBlur stdDeviation='40'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='${cx}' cy='${height}' rx='${rx}' ry='60' fill='black' filter='url(%23b)'/%3E%3C/svg%3E\")`;\n};\n\nconst StyledIndicatorGlow = styled.div<{\n glowColor: string;\n glowWidth: number;\n glowMask: string;\n}>(({ glowColor, glowWidth, glowMask }) => {\n const totalWidth = glowWidth + GLOW_OVERFLOW * 2;\n return {\n position: 'absolute',\n bottom: 0,\n left: `${-GLOW_OVERFLOW}px`,\n width: `${totalWidth}px`,\n height: `${GLOW_HEIGHT}px`,\n // Tuned visually to blend the glow into the dark TopNav background without overpowering the indicator line\n opacity: 0.8,\n background: `radial-gradient(50% 100% at 50% 100%, ${glowColor} 0%, transparent 100%)`,\n WebkitMaskImage: glowMask,\n WebkitMaskRepeat: 'no-repeat',\n WebkitMaskPosition: 'center bottom',\n WebkitMaskSize: '100% 100%',\n maskImage: glowMask,\n maskRepeat: 'no-repeat',\n maskPosition: 'center bottom',\n maskSize: '100% 100%',\n };\n});\n\nconst ACTIVE_ITEM_SELECTOR = '[data-blade-component=\"tab-nav-item\"][data-active=\"true\"]';\n\nconst TabNavIndicator = ({\n containerRef,\n}: {\n containerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n const { theme } = useTheme();\n const wrapperRef = React.useRef<HTMLDivElement>(null);\n const shouldAnimateRef = React.useRef(false);\n const [activeWidth, setActiveWidth] = React.useState(0);\n const [glowColor, setGlowColor] = React.useState(theme.colors.surface.background.primary.intense);\n\n const glowMask = React.useMemo(() => buildGlowMask(activeWidth + GLOW_OVERFLOW * 2), [\n activeWidth,\n ]);\n\n const updatePosition = React.useCallback(() => {\n const container = containerRef.current;\n const wrapper = wrapperRef.current;\n if (!container || !wrapper) return;\n\n const activeItem = container.querySelector<HTMLElement>(ACTIVE_ITEM_SELECTOR);\n\n if (!activeItem || activeItem.offsetWidth === 0) {\n wrapper.style.opacity = '0';\n return;\n }\n\n const containerRect = container.getBoundingClientRect();\n const activeRect = activeItem.getBoundingClientRect();\n const x = activeRect.left - containerRect.left;\n\n const duration = shouldAnimateRef.current\n ? makeMotionTime(theme.motion.duration.gentle)\n : '0ms';\n\n wrapper.style.transitionDuration = castWebType(duration);\n wrapper.style.width = `${activeRect.width}px`;\n wrapper.style.transform = `translateX(${x}px)`;\n wrapper.style.opacity = '1';\n\n setActiveWidth(activeRect.width);\n setGlowColor(activeItem.dataset.glowColor ?? theme.colors.surface.background.primary.intense);\n\n if (!shouldAnimateRef.current) {\n requestAnimationFrame(() => {\n shouldAnimateRef.current = true;\n });\n }\n }, [containerRef, theme.motion.duration.gentle, theme.colors.surface.background.primary.intense]);\n\n useIsomorphicLayoutEffect(() => {\n void updatePosition();\n }, [updatePosition]);\n\n // Watch for data-active attribute changes AND child additions/removals so the\n // indicator moves when: (a) active tab changes via router, (b) an item moves\n // into/out of the \"More\" overflow (the More button is added to the DOM with\n // data-active already set, so a pure attribute observer would miss it).\n React.useEffect(() => {\n const container = containerRef.current;\n if (!container) return;\n\n let rafId: number;\n const observer = new MutationObserver(() => {\n cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(() => {\n void updatePosition();\n });\n });\n\n observer.observe(container, {\n attributes: true,\n attributeFilter: ['data-active'],\n childList: true,\n subtree: true,\n });\n\n return () => {\n cancelAnimationFrame(rafId);\n observer.disconnect();\n };\n }, [containerRef, updatePosition]);\n\n React.useEffect(() => {\n if ('fonts' in document) {\n try {\n void document.fonts.ready.then(() => {\n updatePosition();\n });\n } catch {\n /* empty */\n }\n }\n }, [updatePosition]);\n\n useResize(containerRef, updatePosition);\n\n return (\n <StyledIndicatorWrapper\n ref={wrapperRef}\n style={{\n transitionProperty: 'transform, width, opacity',\n transitionTimingFunction: castWebType(theme.motion.easing.standard),\n transitionDuration: '0ms',\n opacity: 0,\n }}\n {...metaAttribute({ name: MetaConstants.TabNavIndicator })}\n >\n {activeWidth > 0 && (\n <StyledIndicatorGlow glowColor={glowColor} glowWidth={activeWidth} glowMask={glowMask} />\n )}\n <StyledTabNavIndicatorLine\n style={{\n background: `linear-gradient(90deg, transparent 0%, ${theme.colors.surface.icon.staticWhite.normal} 20%, ${theme.colors.surface.icon.staticWhite.normal} 80.29%, transparent 100%)`,\n }}\n />\n </StyledIndicatorWrapper>\n );\n};\n\nexport { TabNavIndicator };\n"],"names":["StyledIndicatorWrapper","styled","div","withConfig","displayName","componentId","pointerEvents","position","bottom","left","willChange","StyledTabNavIndicatorLine","BaseBox","_ref","theme","width","height","makeSpace","border","thin","borderTopLeftRadius","makeBorderSize","radius","medium","borderTopRightRadius","GLOW_OVERFLOW","GLOW_HEIGHT","size","buildGlowMask","arguments","length","undefined","cx","rx","concat","StyledIndicatorGlow","_ref2","glowColor","glowWidth","glowMask","totalWidth","opacity","background","WebkitMaskImage","WebkitMaskRepeat","WebkitMaskPosition","WebkitMaskSize","maskImage","maskRepeat","maskPosition","maskSize","ACTIVE_ITEM_SELECTOR","TabNavIndicator","_ref3","containerRef","_useTheme","useTheme","wrapperRef","React","useRef","shouldAnimateRef","_React$useState","useState","_React$useState2","_slicedToArray","activeWidth","setActiveWidth","_React$useState3","colors","surface","primary","intense","_React$useState4","setGlowColor","useMemo","updatePosition","useCallback","_activeItem$dataset$g","container","current","wrapper","activeItem","querySelector","offsetWidth","style","containerRect","getBoundingClientRect","activeRect","x","duration","makeMotionTime","motion","gentle","transitionDuration","castWebType","transform","dataset","requestAnimationFrame","useIsomorphicLayoutEffect","useEffect","rafId","observer","MutationObserver","cancelAnimationFrame","observe","attributes","attributeFilter","childList","subtree","disconnect","document","fonts","ready","then","_unused","useResize","_jsxs","_objectSpread","ref","transitionProperty","transitionTimingFunction","easing","standard","metaAttribute","name","MetaConstants","children","_jsx","icon","staticWhite","normal"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TabNavIndicator.web.js","sources":["../../../../../../../src/components/TopNav/TabNav/TabNavIndicator.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\n// inspired from Tabs/TabIndicator.web.tsx\nimport React from 'react';\nimport styled from 'styled-components';\nimport { castWebType, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport { useResize } from '~utils/useResize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledIndicatorWrapper = styled.div({\n pointerEvents: 'none',\n position: 'absolute',\n bottom: 0,\n left: 0,\n willChange: 'transform, width, opacity',\n});\n\nconst StyledTabNavIndicatorLine = styled(BaseBox)(({ theme }) => {\n return {\n position: 'relative',\n width: '100%',\n height: makeSpace(theme.border.width.thinner),\n borderTopLeftRadius: makeBorderSize(theme.border.radius.medium),\n borderTopRightRadius: makeBorderSize(theme.border.radius.medium),\n };\n});\n\nconst GLOW_OVERFLOW = 32;\nconst GLOW_HEIGHT = size[56];\n\nconst buildGlowMask = (width: number, height: number = GLOW_HEIGHT): string => {\n const cx = width / 2;\n const rx = width * 0.37;\n return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}'%3E%3Cdefs%3E%3Cfilter id='b' filterUnits='userSpaceOnUse' x='0' y='0' width='${width}' height='${height}'%3E%3CfeGaussianBlur stdDeviation='40'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='${cx}' cy='${height}' rx='${rx}' ry='60' fill='black' filter='url(%23b)'/%3E%3C/svg%3E\")`;\n};\n\nconst StyledIndicatorGlow = styled.div<{\n glowColor: string;\n glowWidth: number;\n glowMask: string;\n}>(({ glowColor, glowWidth, glowMask }) => {\n const totalWidth = glowWidth + GLOW_OVERFLOW * 2;\n return {\n position: 'absolute',\n bottom: 0,\n left: `${-GLOW_OVERFLOW}px`,\n width: `${totalWidth}px`,\n height: `${GLOW_HEIGHT}px`,\n // Tuned visually to blend the glow into the dark TopNav background without overpowering the indicator line\n opacity: 0.8,\n background: `radial-gradient(50% 100% at 50% 100%, ${glowColor} 0%, transparent 100%)`,\n WebkitMaskImage: glowMask,\n WebkitMaskRepeat: 'no-repeat',\n WebkitMaskPosition: 'center bottom',\n WebkitMaskSize: '100% 100%',\n maskImage: glowMask,\n maskRepeat: 'no-repeat',\n maskPosition: 'center bottom',\n maskSize: '100% 100%',\n };\n});\n\nconst ACTIVE_ITEM_SELECTOR = '[data-blade-component=\"tab-nav-item\"][data-active=\"true\"]';\n\nconst TabNavIndicator = ({\n containerRef,\n}: {\n containerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n const { theme } = useTheme();\n const wrapperRef = React.useRef<HTMLDivElement>(null);\n const shouldAnimateRef = React.useRef(false);\n const [activeWidth, setActiveWidth] = React.useState(0);\n const [glowColor, setGlowColor] = React.useState(theme.colors.surface.background.primary.intense);\n\n const glowMask = React.useMemo(() => buildGlowMask(activeWidth + GLOW_OVERFLOW * 2), [\n activeWidth,\n ]);\n\n const updatePosition = React.useCallback(() => {\n const container = containerRef.current;\n const wrapper = wrapperRef.current;\n if (!container || !wrapper) return;\n\n const activeItem = container.querySelector<HTMLElement>(ACTIVE_ITEM_SELECTOR);\n\n if (!activeItem || activeItem.offsetWidth === 0) {\n wrapper.style.opacity = '0';\n return;\n }\n\n const containerRect = container.getBoundingClientRect();\n const activeRect = activeItem.getBoundingClientRect();\n const x = activeRect.left - containerRect.left;\n\n const duration = shouldAnimateRef.current\n ? makeMotionTime(theme.motion.duration.gentle)\n : '0ms';\n\n wrapper.style.transitionDuration = castWebType(duration);\n wrapper.style.width = `${activeRect.width}px`;\n wrapper.style.transform = `translateX(${x}px)`;\n wrapper.style.opacity = '1';\n\n setActiveWidth(activeRect.width);\n setGlowColor(activeItem.dataset.glowColor ?? theme.colors.surface.background.primary.intense);\n\n if (!shouldAnimateRef.current) {\n requestAnimationFrame(() => {\n shouldAnimateRef.current = true;\n });\n }\n }, [containerRef, theme.motion.duration.gentle, theme.colors.surface.background.primary.intense]);\n\n useIsomorphicLayoutEffect(() => {\n void updatePosition();\n }, [updatePosition]);\n\n // Watch for data-active attribute changes AND child additions/removals so the\n // indicator moves when: (a) active tab changes via router, (b) an item moves\n // into/out of the \"More\" overflow (the More button is added to the DOM with\n // data-active already set, so a pure attribute observer would miss it).\n React.useEffect(() => {\n const container = containerRef.current;\n if (!container) return;\n\n let rafId: number;\n const observer = new MutationObserver(() => {\n cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(() => {\n void updatePosition();\n });\n });\n\n observer.observe(container, {\n attributes: true,\n attributeFilter: ['data-active'],\n childList: true,\n subtree: true,\n });\n\n return () => {\n cancelAnimationFrame(rafId);\n observer.disconnect();\n };\n }, [containerRef, updatePosition]);\n\n React.useEffect(() => {\n if ('fonts' in document) {\n try {\n void document.fonts.ready.then(() => {\n updatePosition();\n });\n } catch {\n /* empty */\n }\n }\n }, [updatePosition]);\n\n useResize(containerRef, updatePosition);\n\n return (\n <StyledIndicatorWrapper\n ref={wrapperRef}\n style={{\n transitionProperty: 'transform, width, opacity',\n transitionTimingFunction: castWebType(theme.motion.easing.standard),\n transitionDuration: '0ms',\n opacity: 0,\n }}\n {...metaAttribute({ name: MetaConstants.TabNavIndicator })}\n >\n {activeWidth > 0 && (\n <StyledIndicatorGlow glowColor={glowColor} glowWidth={activeWidth} glowMask={glowMask} />\n )}\n <StyledTabNavIndicatorLine\n style={{\n background: `linear-gradient(90deg, transparent 0%, ${theme.colors.surface.icon.staticWhite.normal} 20%, ${theme.colors.surface.icon.staticWhite.normal} 80.29%, transparent 100%)`,\n }}\n />\n </StyledIndicatorWrapper>\n );\n};\n\nexport { TabNavIndicator };\n"],"names":["StyledIndicatorWrapper","styled","div","withConfig","displayName","componentId","pointerEvents","position","bottom","left","willChange","StyledTabNavIndicatorLine","BaseBox","_ref","theme","width","height","makeSpace","border","thinner","borderTopLeftRadius","makeBorderSize","radius","medium","borderTopRightRadius","GLOW_OVERFLOW","GLOW_HEIGHT","size","buildGlowMask","arguments","length","undefined","cx","rx","concat","StyledIndicatorGlow","_ref2","glowColor","glowWidth","glowMask","totalWidth","opacity","background","WebkitMaskImage","WebkitMaskRepeat","WebkitMaskPosition","WebkitMaskSize","maskImage","maskRepeat","maskPosition","maskSize","ACTIVE_ITEM_SELECTOR","TabNavIndicator","_ref3","containerRef","_useTheme","useTheme","wrapperRef","React","useRef","shouldAnimateRef","_React$useState","useState","_React$useState2","_slicedToArray","activeWidth","setActiveWidth","_React$useState3","colors","surface","primary","intense","_React$useState4","setGlowColor","useMemo","updatePosition","useCallback","_activeItem$dataset$g","container","current","wrapper","activeItem","querySelector","offsetWidth","style","containerRect","getBoundingClientRect","activeRect","x","duration","makeMotionTime","motion","gentle","transitionDuration","castWebType","transform","dataset","requestAnimationFrame","useIsomorphicLayoutEffect","useEffect","rafId","observer","MutationObserver","cancelAnimationFrame","observe","attributes","attributeFilter","childList","subtree","disconnect","document","fonts","ready","then","_unused","useResize","_jsxs","_objectSpread","ref","transitionProperty","transitionTimingFunction","easing","standard","metaAttribute","name","MetaConstants","children","_jsx","icon","staticWhite","normal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,sBAAsB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,4CAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAC,CAAA,CAAA;AACxCC,EAAAA,aAAa,EAAE,MAAM;AACrBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,IAAI,EAAE,CAAC;AACPC,EAAAA,UAAU,EAAE,2BAAA;AACd,CAAC,CAAC,CAAA;AAEF,IAAMC,yBAAyB,gBAAGV,MAAM,CAACW,OAAO,CAAC,CAAAT,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAC,CAAA,CAAA,UAAAQ,IAAA,EAAe;AAAA,EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EACxD,OAAO;AACLP,IAAAA,QAAQ,EAAE,UAAU;AACpBQ,IAAAA,KAAK,EAAE,MAAM;IACbC,MAAM,EAAEC,SAAS,CAACH,KAAK,CAACI,MAAM,CAACH,KAAK,CAACI,OAAO,CAAC;IAC7CC,mBAAmB,EAAEC,cAAc,CAACP,KAAK,CAACI,MAAM,CAACI,MAAM,CAACC,MAAM,CAAC;IAC/DC,oBAAoB,EAAEH,cAAc,CAACP,KAAK,CAACI,MAAM,CAACI,MAAM,CAACC,MAAM,CAAA;GAChE,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAME,aAAa,GAAG,EAAE,CAAA;AACxB,IAAMC,WAAW,GAAGC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5B,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIb,KAAa,EAA2C;AAAA,EAAA,IAAzCC,MAAc,GAAAa,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAGH,WAAW,CAAA;AAChE,EAAA,IAAMM,EAAE,GAAGjB,KAAK,GAAG,CAAC,CAAA;AACpB,EAAA,IAAMkB,EAAE,GAAGlB,KAAK,GAAG,IAAI,CAAA;EACvB,OAAAmB,4EAAAA,CAAAA,MAAA,CAAmFnB,KAAK,EAAAmB,YAAAA,CAAAA,CAAAA,MAAA,CAAalB,MAAM,EAAAkB,iFAAAA,CAAAA,CAAAA,MAAA,CAAkFnB,KAAK,EAAAmB,YAAAA,CAAAA,CAAAA,MAAA,CAAalB,MAAM,EAAA,oFAAA,CAAA,CAAAkB,MAAA,CAAqFF,EAAE,EAAA,QAAA,CAAA,CAAAE,MAAA,CAASlB,MAAM,EAAA,QAAA,CAAA,CAAAkB,MAAA,CAASD,EAAE,EAAA,4DAAA,CAAA,CAAA;AACxU,CAAC,CAAA;AAED,IAAME,mBAAmB,gBAAGlC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAInC,CAAA,CAAA,UAAA+B,KAAA,EAAwC;AAAA,EAAA,IAArCC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ,CAAA;AAClC,EAAA,IAAMC,UAAU,GAAGF,SAAS,GAAGb,aAAa,GAAG,CAAC,CAAA;EAChD,OAAO;AACLlB,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,IAAI,EAAAyB,EAAAA,CAAAA,MAAA,CAAK,CAACT,aAAa,EAAI,IAAA,CAAA;AAC3BV,IAAAA,KAAK,EAAAmB,EAAAA,CAAAA,MAAA,CAAKM,UAAU,EAAI,IAAA,CAAA;AACxBxB,IAAAA,MAAM,EAAAkB,EAAAA,CAAAA,MAAA,CAAKR,WAAW,EAAI,IAAA,CAAA;AAC1B;AACAe,IAAAA,OAAO,EAAE,GAAG;AACZC,IAAAA,UAAU,EAAAR,wCAAAA,CAAAA,MAAA,CAA2CG,SAAS,EAAwB,wBAAA,CAAA;AACtFM,IAAAA,eAAe,EAAEJ,QAAQ;AACzBK,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,kBAAkB,EAAE,eAAe;AACnCC,IAAAA,cAAc,EAAE,WAAW;AAC3BC,IAAAA,SAAS,EAAER,QAAQ;AACnBS,IAAAA,UAAU,EAAE,WAAW;AACvBC,IAAAA,YAAY,EAAE,eAAe;AAC7BC,IAAAA,QAAQ,EAAE,WAAA;GACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,oBAAoB,GAAG,2DAA2D,CAAA;AAExF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAIK;AAAA,EAAA,IAHxBC,YAAY,GAAAD,KAAA,CAAZC,YAAY,CAAA;AAIZ,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApB1C,KAAK,GAAAyC,SAAA,CAALzC,KAAK,CAAA;AACb,EAAA,IAAM2C,UAAU,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,EAAA,IAAMC,gBAAgB,GAAGF,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC5C,EAAA,IAAAE,eAAA,GAAsCH,cAAK,CAACI,QAAQ,CAAC,CAAC,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAhDI,IAAAA,WAAW,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAI,gBAAA,GAAkCT,cAAK,CAACI,QAAQ,CAAChD,KAAK,CAACsD,MAAM,CAACC,OAAO,CAAC3B,UAAU,CAAC4B,OAAO,CAACC,OAAO,CAAC;IAAAC,gBAAA,GAAAR,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAA1F9B,IAAAA,SAAS,GAAAmC,gBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,YAAY,GAAAD,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMjC,QAAQ,GAAGmB,cAAK,CAACgB,OAAO,CAAC,YAAA;AAAA,IAAA,OAAM9C,aAAa,CAACqC,WAAW,GAAGxC,aAAa,GAAG,CAAC,CAAC,CAAA;GAAE,EAAA,CACnFwC,WAAW,CACZ,CAAC,CAAA;AAEF,EAAA,IAAMU,cAAc,GAAGjB,cAAK,CAACkB,WAAW,CAAC,YAAM;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAC7C,IAAA,IAAMC,SAAS,GAAGxB,YAAY,CAACyB,OAAO,CAAA;AACtC,IAAA,IAAMC,OAAO,GAAGvB,UAAU,CAACsB,OAAO,CAAA;AAClC,IAAA,IAAI,CAACD,SAAS,IAAI,CAACE,OAAO,EAAE,OAAA;AAE5B,IAAA,IAAMC,UAAU,GAAGH,SAAS,CAACI,aAAa,CAAc/B,oBAAoB,CAAC,CAAA;IAE7E,IAAI,CAAC8B,UAAU,IAAIA,UAAU,CAACE,WAAW,KAAK,CAAC,EAAE;AAC/CH,MAAAA,OAAO,CAACI,KAAK,CAAC3C,OAAO,GAAG,GAAG,CAAA;AAC3B,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAM4C,aAAa,GAAGP,SAAS,CAACQ,qBAAqB,EAAE,CAAA;AACvD,IAAA,IAAMC,UAAU,GAAGN,UAAU,CAACK,qBAAqB,EAAE,CAAA;IACrD,IAAME,CAAC,GAAGD,UAAU,CAAC9E,IAAI,GAAG4E,aAAa,CAAC5E,IAAI,CAAA;AAE9C,IAAA,IAAMgF,QAAQ,GAAG7B,gBAAgB,CAACmB,OAAO,GACrCW,cAAc,CAAC5E,KAAK,CAAC6E,MAAM,CAACF,QAAQ,CAACG,MAAM,CAAC,GAC5C,KAAK,CAAA;IAETZ,OAAO,CAACI,KAAK,CAACS,kBAAkB,GAAGC,WAAW,CAACL,QAAQ,CAAC,CAAA;IACxDT,OAAO,CAACI,KAAK,CAACrE,KAAK,GAAA,EAAA,CAAAmB,MAAA,CAAMqD,UAAU,CAACxE,KAAK,EAAI,IAAA,CAAA,CAAA;IAC7CiE,OAAO,CAACI,KAAK,CAACW,SAAS,iBAAA7D,MAAA,CAAiBsD,CAAC,EAAK,KAAA,CAAA,CAAA;AAC9CR,IAAAA,OAAO,CAACI,KAAK,CAAC3C,OAAO,GAAG,GAAG,CAAA;AAE3ByB,IAAAA,cAAc,CAACqB,UAAU,CAACxE,KAAK,CAAC,CAAA;IAChC0D,YAAY,CAAA,CAAAI,qBAAA,GAACI,UAAU,CAACe,OAAO,CAAC3D,SAAS,MAAAwC,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI/D,KAAK,CAACsD,MAAM,CAACC,OAAO,CAAC3B,UAAU,CAAC4B,OAAO,CAACC,OAAO,CAAC,CAAA;AAE7F,IAAA,IAAI,CAACX,gBAAgB,CAACmB,OAAO,EAAE;AAC7BkB,MAAAA,qBAAqB,CAAC,YAAM;QAC1BrC,gBAAgB,CAACmB,OAAO,GAAG,IAAI,CAAA;AACjC,OAAC,CAAC,CAAA;AACJ,KAAA;GACD,EAAE,CAACzB,YAAY,EAAExC,KAAK,CAAC6E,MAAM,CAACF,QAAQ,CAACG,MAAM,EAAE9E,KAAK,CAACsD,MAAM,CAACC,OAAO,CAAC3B,UAAU,CAAC4B,OAAO,CAACC,OAAO,CAAC,CAAC,CAAA;AAEjG2B,EAAAA,yBAAyB,CAAC,YAAM;IAC9B,KAAKvB,cAAc,EAAE,CAAA;AACvB,GAAC,EAAE,CAACA,cAAc,CAAC,CAAC,CAAA;;AAEpB;AACA;AACA;AACA;EACAjB,cAAK,CAACyC,SAAS,CAAC,YAAM;AACpB,IAAA,IAAMrB,SAAS,GAAGxB,YAAY,CAACyB,OAAO,CAAA;IACtC,IAAI,CAACD,SAAS,EAAE,OAAA;AAEhB,IAAA,IAAIsB,KAAa,CAAA;AACjB,IAAA,IAAMC,QAAQ,GAAG,IAAIC,gBAAgB,CAAC,YAAM;MAC1CC,oBAAoB,CAACH,KAAK,CAAC,CAAA;MAC3BA,KAAK,GAAGH,qBAAqB,CAAC,YAAM;QAClC,KAAKtB,cAAc,EAAE,CAAA;AACvB,OAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AAEF0B,IAAAA,QAAQ,CAACG,OAAO,CAAC1B,SAAS,EAAE;AAC1B2B,MAAAA,UAAU,EAAE,IAAI;MAChBC,eAAe,EAAE,CAAC,aAAa,CAAC;AAChCC,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,OAAO,EAAE,IAAA;AACX,KAAC,CAAC,CAAA;AAEF,IAAA,OAAO,YAAM;MACXL,oBAAoB,CAACH,KAAK,CAAC,CAAA;MAC3BC,QAAQ,CAACQ,UAAU,EAAE,CAAA;KACtB,CAAA;AACH,GAAC,EAAE,CAACvD,YAAY,EAAEqB,cAAc,CAAC,CAAC,CAAA;EAElCjB,cAAK,CAACyC,SAAS,CAAC,YAAM;IACpB,IAAI,OAAO,IAAIW,QAAQ,EAAE;MACvB,IAAI;QACF,KAAKA,QAAQ,CAACC,KAAK,CAACC,KAAK,CAACC,IAAI,CAAC,YAAM;AACnCtC,UAAAA,cAAc,EAAE,CAAA;AAClB,SAAC,CAAC,CAAA;OACH,CAAC,OAAAuC,OAAA,EAAM;AACN;AAAA,OAAA;AAEJ,KAAA;AACF,GAAC,EAAE,CAACvC,cAAc,CAAC,CAAC,CAAA;AAEpBwC,EAAAA,SAAS,CAAC7D,YAAY,EAAEqB,cAAc,CAAC,CAAA;AAEvC,EAAA,oBACEyC,IAAA,CAACpH,sBAAsB,EAAAqH,aAAA,CAAAA,aAAA,CAAA;AACrBC,IAAAA,GAAG,EAAE7D,UAAW;AAChB2B,IAAAA,KAAK,EAAE;AACLmC,MAAAA,kBAAkB,EAAE,2BAA2B;MAC/CC,wBAAwB,EAAE1B,WAAW,CAAChF,KAAK,CAAC6E,MAAM,CAAC8B,MAAM,CAACC,QAAQ,CAAC;AACnE7B,MAAAA,kBAAkB,EAAE,KAAK;AACzBpD,MAAAA,OAAO,EAAE,CAAA;AACX,KAAA;AAAE,GAAA,EACEkF,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACzE,eAAAA;AAAgB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAA0E,IAAAA,QAAA,GAEzD7D,WAAW,GAAG,CAAC,iBACd8D,GAAA,CAAC5F,mBAAmB,EAAA;AAACE,MAAAA,SAAS,EAAEA,SAAU;AAACC,MAAAA,SAAS,EAAE2B,WAAY;AAAC1B,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CACzF,eACDwF,GAAA,CAACpH,yBAAyB,EAAA;AACxByE,MAAAA,KAAK,EAAE;QACL1C,UAAU,EAAA,yCAAA,CAAAR,MAAA,CAA4CpB,KAAK,CAACsD,MAAM,CAACC,OAAO,CAAC2D,IAAI,CAACC,WAAW,CAACC,MAAM,EAAA,QAAA,CAAA,CAAAhG,MAAA,CAASpB,KAAK,CAACsD,MAAM,CAACC,OAAO,CAAC2D,IAAI,CAACC,WAAW,CAACC,MAAM,EAAA,4BAAA,CAAA;AACzJ,OAAA;AAAE,KACH,CAAC,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAE7B;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
|
|
2
|
-
import { __exports as flatten$1 } from '../../../../_virtual/
|
|
2
|
+
import { __exports as flatten$1 } from '../../../../_virtual/flatten2.js';
|
|
3
3
|
|
|
4
4
|
(function (exports) {
|
|
5
5
|
'use strict';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
|
|
2
|
-
import { __exports as flatten$1 } from '../../../../../_virtual/
|
|
2
|
+
import { __exports as flatten$1 } from '../../../../../_virtual/flatten4.js';
|
|
3
3
|
import '../../../../../_virtual/isArrayLike.js';
|
|
4
4
|
import { __exports as isArrayLike } from '../../../../../_virtual/isArrayLike2.js';
|
|
5
5
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
|
|
2
2
|
import { __exports as sortBy$1 } from '../../../../../_virtual/sortBy2.js';
|
|
3
3
|
import '../../../../../_virtual/orderBy.js';
|
|
4
|
-
import '../../../../../_virtual/
|
|
4
|
+
import '../../../../../_virtual/flatten.js';
|
|
5
5
|
import '../../../../../_virtual/isIterateeCall.js';
|
|
6
6
|
import { __exports as orderBy } from '../../../../../_virtual/orderBy2.js';
|
|
7
|
-
import { __exports as flatten } from '../../../../../_virtual/
|
|
7
|
+
import { __exports as flatten } from '../../../../../_virtual/flatten2.js';
|
|
8
8
|
import { __exports as isIterateeCall } from '../../../../../_virtual/isIterateeCall2.js';
|
|
9
9
|
|
|
10
10
|
(function (exports) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
|
|
2
|
-
import { __exports as cloneDeep$1 } from '../../../../../_virtual/
|
|
2
|
+
import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep2.js';
|
|
3
3
|
import '../../../../../_virtual/cloneDeepWith.js';
|
|
4
4
|
import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
|
|
5
5
|
|
|
@@ -5,14 +5,14 @@ import '../../../../../_virtual/keysIn.js';
|
|
|
5
5
|
import '../../../../../_virtual/unset.js';
|
|
6
6
|
import '../../../../../_virtual/getSymbolsIn.js';
|
|
7
7
|
import '../../../../../_virtual/isDeepKey.js';
|
|
8
|
-
import '../../../../../_virtual/
|
|
8
|
+
import '../../../../../_virtual/flatten3.js';
|
|
9
9
|
import '../../../../../_virtual/isPlainObject.js';
|
|
10
10
|
import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
|
|
11
11
|
import { __exports as keysIn } from '../../../../../_virtual/keysIn2.js';
|
|
12
12
|
import { __exports as unset } from '../../../../../_virtual/unset2.js';
|
|
13
13
|
import { __exports as getSymbolsIn } from '../../../../../_virtual/getSymbolsIn2.js';
|
|
14
14
|
import { __exports as isDeepKey } from '../../../../../_virtual/isDeepKey2.js';
|
|
15
|
-
import { __exports as flatten } from '../../../../../_virtual/
|
|
15
|
+
import { __exports as flatten } from '../../../../../_virtual/flatten4.js';
|
|
16
16
|
import { __exports as isPlainObject } from '../../../../../_virtual/isPlainObject2.js';
|
|
17
17
|
|
|
18
18
|
(function (exports) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
|
|
2
2
|
import { __exports as matches$1 } from '../../../../../_virtual/matches2.js';
|
|
3
3
|
import '../../../../../_virtual/isMatch.js';
|
|
4
|
-
import '../../../../../_virtual/
|
|
4
|
+
import '../../../../../_virtual/cloneDeep3.js';
|
|
5
5
|
import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
|
|
6
|
-
import { __exports as cloneDeep } from '../../../../../_virtual/
|
|
6
|
+
import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
|
|
7
7
|
|
|
8
8
|
(function (exports) {
|
|
9
9
|
'use strict';
|
package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matchesProperty.js
CHANGED
|
@@ -2,12 +2,12 @@ import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelper
|
|
|
2
2
|
import { __exports as matchesProperty$1 } from '../../../../../_virtual/matchesProperty2.js';
|
|
3
3
|
import '../../../../../_virtual/isMatch.js';
|
|
4
4
|
import '../../../../../_virtual/toKey.js';
|
|
5
|
-
import '../../../../../_virtual/
|
|
5
|
+
import '../../../../../_virtual/cloneDeep.js';
|
|
6
6
|
import '../../../../../_virtual/get.js';
|
|
7
7
|
import '../../../../../_virtual/has.js';
|
|
8
8
|
import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
|
|
9
9
|
import { __exports as toKey } from '../../../../../_virtual/toKey2.js';
|
|
10
|
-
import { __exports as cloneDeep } from '../../../../../_virtual/
|
|
10
|
+
import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
|
|
11
11
|
import { __exports as get } from '../../../../../_virtual/get2.js';
|
|
12
12
|
import { __exports as has } from '../../../../../_virtual/has2.js';
|
|
13
13
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
|
|
2
|
-
import { __exports as cloneDeep$1 } from '../../../../_virtual/
|
|
2
|
+
import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep4.js';
|
|
3
3
|
import '../../../../_virtual/cloneDeepWith3.js';
|
|
4
4
|
import { __exports as cloneDeepWith } from '../../../../_virtual/cloneDeepWith4.js';
|
|
5
5
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@razorpay/blade",
|
|
3
3
|
"description": "The Design System that powers Razorpay",
|
|
4
|
-
"version": "12.95.
|
|
4
|
+
"version": "12.95.4",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=18.12.1"
|
|
@@ -305,7 +305,8 @@
|
|
|
305
305
|
"tsc-alias": "^1.8.8",
|
|
306
306
|
"typescript": "4.9",
|
|
307
307
|
"wait-on": "7.2.0",
|
|
308
|
-
"jsonrepair": "3.13.2"
|
|
308
|
+
"jsonrepair": "3.13.2",
|
|
309
|
+
"tweakpane": "4.0.5"
|
|
309
310
|
},
|
|
310
311
|
"peerDependencies": {
|
|
311
312
|
"@floating-ui/react-native": "^0.10.0",
|