@razorpay/blade
Version:
The Design System that powers Razorpay
10 lines (7 loc) • 2.7 kB
JavaScript
import '../../../tokens/global/typography.js';
import { spacing } from '../../../tokens/global/spacing.js';
import '../../../tokens/global/motion.js';
import { size } from '../../../tokens/global/size.js';
var BASEINPUT_MAX_ROWS=4;spacing['3'];var baseInputHeight={xsmall:size['26'],small:size['30'],medium:size['36'],large:size['48']};var baseInputWrapperMaxHeight={xsmall:baseInputHeight.xsmall*BASEINPUT_MAX_ROWS,small:baseInputHeight.small*BASEINPUT_MAX_ROWS,medium:baseInputHeight.medium*BASEINPUT_MAX_ROWS,large:baseInputHeight.large*BASEINPUT_MAX_ROWS};var baseInputBorderColor={default:'interactive.border.gray.default',hovered:'interactive.border.gray.highlighted',focused:'interactive.border.primary.default',disabled:'interactive.border.gray.disabled',error:'interactive.border.negative.default',success:'interactive.border.positive.default'};var baseInputBackgroundColor={default:'surface.background.gray.intense',hovered:'surface.background.gray.intense',focused:'surface.background.gray.intense',disabled:'surface.background.gray.moderate',error:'surface.background.gray.intense',success:'surface.background.gray.intense'};var baseInputBorderlessBackgroundColor={default:'transparent',hovered:'surface.background.gray.intense',focused:'surface.background.gray.intense',disabled:'surface.background.gray.moderate',error:'feedback.background.negative.subtle',success:'feedback.background.positive.subtle'};var baseInputBorderRadius={xsmall:'small',small:'small',medium:'small',large:'medium'};var inputDropdownButtonPadding={xsmall:1,small:1,medium:2,large:2};var baseInputBorderWidth={default:'thin',hovered:'thin',disabled:'thin',focused:'thick',error:'thick',success:'thick'};var baseInputBorderBackgroundMotion={enter:{duration:'xgentle',easing:'emphasized'},exit:{duration:'xgentle',easing:'emphasized'}};var baseInputPaddingTokens={top:{xsmall:2,small:2,medium:3,large:4},bottom:{xsmall:2,small:2,medium:3,large:4},left:{xsmall:3,small:3,medium:4,large:4},right:{xsmall:3,small:3,medium:4,large:4}};var formHintLeftLabelMarginLeft={xsmall:136,small:136,medium:136,large:192};var baseInputCounterInputPaddingTokens={top:{xsmall:2,small:2,medium:2,large:2},bottom:{xsmall:2,small:2,medium:2,large:2},left:{xsmall:2,small:2,medium:2,large:2},right:{xsmall:2,small:2,medium:2,large:2}};
export { BASEINPUT_MAX_ROWS, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderColor, baseInputBorderRadius, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputCounterInputPaddingTokens, baseInputHeight, baseInputPaddingTokens, baseInputWrapperMaxHeight, formHintLeftLabelMarginLeft, inputDropdownButtonPadding };
//# sourceMappingURL=baseInputTokens.js.map