@vimeo/iris/components/inputs/InlineInput.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../../tslib.es6-3ec409b7.js');
var styled = require('styled-components');
var polished = require('polished');

var WrapperStyles = styled.css(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 100%;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  position: relative;\n  width: 100%;\n  flex-wrap: wrap;\n"])));
var InlineStyles = styled.css(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  display: inline-flex;\n  position: absolute;\n  z-index: 2;\n  top: 0.625rem;\n  left: 0.625rem;\n  width: ", ";\n  height: ", ";\n  margin: 0;\n  appearance: none;\n  align-items: center;\n  justify-content: center;\n\n  &:focus {\n    outline: 0;\n  }\n"], ["\n  display: inline-flex;\n  position: absolute;\n  z-index: 2;\n  top: 0.625rem;\n  left: 0.625rem;\n  width: ", ";\n  height: ", ";\n  margin: 0;\n  appearance: none;\n  align-items: center;\n  justify-content: center;\n\n  &:focus {\n    outline: 0;\n  }\n"])), polished.rem(1), polished.rem(1));
var templateObject_1, templateObject_2;

exports.InlineStyles = InlineStyles;
exports.WrapperStyles = WrapperStyles;