norma-library
Version:
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
6 lines • 1.99 kB
JavaScript
import { __makeTemplateObject } from "tslib";
import styled from "styled-components";
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033 !important;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n &__multi-value {\n background: transparent;\n border-radius: 4px;\n &__label {\n color: #4D4F5C;\n font-size: 18px;\n padding: 0;\n }\n &__remove {\n display: none;\n }\n }\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033 !important;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n &__multi-value {\n background: transparent;\n border-radius: 4px;\n &__label {\n color: #4D4F5C;\n font-size: 18px;\n padding: 0;\n }\n &__remove {\n display: none;\n }\n }\n }\n"])));
export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #4D4F5C;\n"], ["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #4D4F5C;\n"])));
var templateObject_1, templateObject_2;
//# sourceMappingURL=styles.js.map