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

Vimeo Design System

import { a as __makeTemplateObject } from '../../tslib.es6-7f0e734f.js';
import { css } from 'styled-components';
import { rem } from 'polished';

var WrapperStyles = css(templateObject_1 || (templateObject_1 = __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 = css(templateObject_2 || (templateObject_2 = __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"])), rem(1), rem(1));
var templateObject_1, templateObject_2;

export { InlineStyles, WrapperStyles };