@razorpay/blade/build/lib/web/production/components/CounterInput/StyledCounterInput.js

The Design System that powers Razorpay

import styled, { keyframes, css } from 'styled-components';
import '../Box/BaseBox/index.js';
import '../../utils/getFocusRingStyles/index.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';

// Keyframes for slide animations
var slideUp = /*#__PURE__*/keyframes(["0%{transform:translateY(30%);opacity:0;}100%{transform:translateY(0);opacity:1;}"]);
var slideDown = /*#__PURE__*/keyframes(["0%{transform:translateY(-30%);opacity:0;}100%{transform:translateY(0);opacity:1;}"]);
var StyledCounterInput = /*#__PURE__*/styled(BaseBox).withConfig({
  displayName: "StyledCounterInput",
  componentId: "ljwv28-0"
})(["&.__blade-counter-input .focus-ring-wrapper:focus-within{outline:none;}&.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within{", ";}&.__blade-counter-input .__blade-base-input-wrapper{box-shadow:none;background-color:transparent !important;}&.__blade-counter-input .__blade-counter-input-animate-slide-up{animation:", " 0.2s ease-out;}&.__blade-counter-input .__blade-counter-input-animate-slide-down{animation:", " 0.2s ease-out;}&.__blade-counter-input input[type='number']::-webkit-inner-spin-button,&.__blade-counter-input input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}&.__blade-counter-input input[type='number']{-moz-appearance:textfield;}&.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track{background-color:transparent !important;}"], function (_ref) {
  var theme = _ref.theme;
  return css(getFocusRingStyles({
    theme: theme,
    negativeOffset: true
  }));
}, slideUp, slideDown);

export { StyledCounterInput };
//# sourceMappingURL=StyledCounterInput.js.map