@polygon.io/core
Version:
A set of themeable UI components for React
1 lines • 1.72 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0}),exports.InputStyles=exports.InputContainerStyles=void 0;var _styledComponents=require("styled-components"),InputContainerStyles=(0,_styledComponents.css)(["display:flex;align-items:center;box-sizing:border-box;outline:none;width:100%;height:",";background-color:",";border:1px solid ",";border-radius:",";&:focus-within{border:1px solid ",";}"],function(a){var b=a.theme,c=a.small;return c?b.spacing.s5:b.spacing.s6},function(a){var b=a.theme,c=a.disabled;return c?b.color.background.secondary:b.color.background.primary},function(a){var b=a.theme,c=a.hasError,d=a.disabled;return d?b.color.border.disabled:c?b.color.border.danger:b.color.border.primary},function(a){var b=a.theme,c=a.addOnLabel;return c?"0 ".concat(b.radius," ").concat(b.radius," 0"):b.radius},function(a){var b=a.theme,c=a.hasError,d=a.disabled;return d?b.color.border.disabled:c?b.color.border.danger:b.color.background.accent});exports.InputContainerStyles=InputContainerStyles;var InputStyles=(0,_styledComponents.css)(["background:none;border:none;outline:none;width:100%;height:100%;font-size:",";line-height:",";padding:0 ",";color:",";&&&::placeholder{color:",";}"],function(a){var b=a.theme;return b.font.size.s3},function(a){var b=a.theme;return b.font.lineHeights.s3},function(a){var b=a.theme,c=a.small;return c?"calc(".concat(b.spacing.s2," * 1.5)"):b.spacing.s3},function(a){var b=a.theme,c=a.disabled,d=a.value;return c?b.color.content.disabled:0===(null===d||void 0===d?void 0:d.length)?b.color.content.secondary:b.color.content.primary},function(a){var b=a.theme,c=a.disabled;return c?b.color.content.disabled:b.color.content.secondary});exports.InputStyles=InputStyles;