@razorpay/blade 12.6.0 → 12.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/web/development/components/Scale/Scale.web.js +2 -2
- package/build/lib/web/development/components/Scale/Scale.web.js.map +1 -1
- package/build/lib/web/production/components/Scale/Scale.web.js +2 -2
- package/build/lib/web/production/components/Scale/Scale.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -20,7 +20,7 @@ var Scale = function Scale(_ref) {
|
|
|
20
20
|
var defaultMotionTriggers = isControlledHighlighted ? ['mount'] : ['hover'];
|
|
21
21
|
var _useTheme = useTheme(),
|
|
22
22
|
theme = _useTheme.theme;
|
|
23
|
-
var
|
|
23
|
+
var scaleVariants = {
|
|
24
24
|
initial: {
|
|
25
25
|
scale: 1
|
|
26
26
|
},
|
|
@@ -36,7 +36,7 @@ var Scale = function Scale(_ref) {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
return /*#__PURE__*/jsx(BaseMotionEnhancerBox, {
|
|
39
|
-
motionVariants:
|
|
39
|
+
motionVariants: scaleVariants,
|
|
40
40
|
type: type,
|
|
41
41
|
children: children,
|
|
42
42
|
motionTriggers: motionTriggers !== null && motionTriggers !== void 0 ? motionTriggers : defaultMotionTriggers
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n * <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n children,\n isHighlighted,\n type = 'inout',\n variant = 'scale-up',\n motionTriggers,\n}: ScaleProps): React.ReactElement => {\n const isControlledHighlighted = typeof isHighlighted === 'boolean';\n const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n const { theme } = useTheme();\n\n const
|
|
1
|
+
{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n * <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n children,\n isHighlighted,\n type = 'inout',\n variant = 'scale-up',\n motionTriggers,\n}: ScaleProps): React.ReactElement => {\n const isControlledHighlighted = typeof isHighlighted === 'boolean';\n const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n const { theme } = useTheme();\n\n const scaleVariants: MotionVariantsType = {\n initial: {\n scale: 1,\n },\n animate: {\n scale:\n isHighlighted || !isControlledHighlighted\n ? variant === 'scale-up'\n ? 1.05\n : 0.98\n : undefined,\n transition: {\n duration: msToSeconds(theme.motion.duration.moderate),\n ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n },\n },\n exit: {\n scale: 1,\n },\n };\n\n return (\n <BaseMotionEnhancerBox\n motionVariants={scaleVariants}\n type={type}\n children={children}\n motionTriggers={motionTriggers ?? defaultMotionTriggers}\n />\n );\n};\n\nexport { Scale };\n"],"names":["Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","scaleVariants","initial","scale","animate","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AAuCA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IALpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IACpBE,cAAc,GAAAP,IAAA,CAAdO,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAON,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMO,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,aAAiC,GAAG;AACxCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,CAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,KAAK,EACHb,aAAa,IAAI,CAACM,uBAAuB,GACrCF,OAAO,KAAK,UAAU,GACpB,IAAI,GACJ,IAAI,GACNW,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAACb,KAAK,CAACS,MAAM,CAACK,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;EAED,oBACEc,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAElB,aAAc;AAC9BT,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}
|
|
@@ -20,7 +20,7 @@ var Scale = function Scale(_ref) {
|
|
|
20
20
|
var defaultMotionTriggers = isControlledHighlighted ? ['mount'] : ['hover'];
|
|
21
21
|
var _useTheme = useTheme(),
|
|
22
22
|
theme = _useTheme.theme;
|
|
23
|
-
var
|
|
23
|
+
var scaleVariants = {
|
|
24
24
|
initial: {
|
|
25
25
|
scale: 1
|
|
26
26
|
},
|
|
@@ -36,7 +36,7 @@ var Scale = function Scale(_ref) {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
return /*#__PURE__*/jsx(BaseMotionEnhancerBox, {
|
|
39
|
-
motionVariants:
|
|
39
|
+
motionVariants: scaleVariants,
|
|
40
40
|
type: type,
|
|
41
41
|
children: children,
|
|
42
42
|
motionTriggers: motionTriggers !== null && motionTriggers !== void 0 ? motionTriggers : defaultMotionTriggers
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n * <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n children,\n isHighlighted,\n type = 'inout',\n variant = 'scale-up',\n motionTriggers,\n}: ScaleProps): React.ReactElement => {\n const isControlledHighlighted = typeof isHighlighted === 'boolean';\n const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n const { theme } = useTheme();\n\n const
|
|
1
|
+
{"version":3,"file":"Scale.web.js","sources":["../../../../../../src/components/Scale/Scale.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType, useTheme } from '~utils';\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n * <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n * <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n children,\n isHighlighted,\n type = 'inout',\n variant = 'scale-up',\n motionTriggers,\n}: ScaleProps): React.ReactElement => {\n const isControlledHighlighted = typeof isHighlighted === 'boolean';\n const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n const { theme } = useTheme();\n\n const scaleVariants: MotionVariantsType = {\n initial: {\n scale: 1,\n },\n animate: {\n scale:\n isHighlighted || !isControlledHighlighted\n ? variant === 'scale-up'\n ? 1.05\n : 0.98\n : undefined,\n transition: {\n duration: msToSeconds(theme.motion.duration.moderate),\n ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n },\n },\n exit: {\n scale: 1,\n },\n };\n\n return (\n <BaseMotionEnhancerBox\n motionVariants={scaleVariants}\n type={type}\n children={children}\n motionTriggers={motionTriggers ?? defaultMotionTriggers}\n />\n );\n};\n\nexport { Scale };\n"],"names":["Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","scaleVariants","initial","scale","animate","undefined","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","_jsx","BaseMotionEnhancerBox","motionVariants"],"mappings":";;;;;;;;;;AAuCA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IALpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,SAAA,GAAAH,IAAA,CACbI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IACpBE,cAAc,GAAAP,IAAA,CAAdO,cAAc,CAAA;AAEd,EAAA,IAAMC,uBAAuB,GAAG,OAAON,aAAa,KAAK,SAAS,CAAA;EAClE,IAAMO,qBAAqB,GAAGD,uBAAuB,GAAG,CAAC,OAAO,CAAU,GAAG,CAAC,OAAO,CAAU,CAAA;AAC/F,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMC,aAAiC,GAAG;AACxCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,CAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACPD,MAAAA,KAAK,EACHb,aAAa,IAAI,CAACM,uBAAuB,GACrCF,OAAO,KAAK,UAAU,GACpB,IAAI,GACJ,IAAI,GACNW,SAAS;AACfC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC;AACrDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAACb,KAAK,CAACS,MAAM,CAACK,MAAM,CAACC,QAAQ,CAAC,CAAA;AAClE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;GACD,CAAA;EAED,oBACEc,GAAA,CAACC,qBAAqB,EAAA;AACpBC,IAAAA,cAAc,EAAElB,aAAc;AAC9BT,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,cAAc,EAAEA,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAIE,qBAAAA;AAAsB,GACzD,CAAC,CAAA;AAEN;;;;"}
|