norma-library/dist/esm/components/StatusModal/StatusModal.style.js

Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.

import { __makeTemplateObject } from "tslib";
import styled from 'styled-components';
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 9999;\n"], ["\n  width: 100vw;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 9999;\n"])));
export var Modal = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: ", ";\n  padding: 24px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  border-radius: 4px;\n  background: #fff;\n"], ["\n  display: flex;\n  width: ", ";\n  padding: 24px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  border-radius: 4px;\n  background: #fff;\n"])), function (props) { return props.$w || '430px'; });
export var ModalHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  align-self: stretch;\n  align-items: center;\n"], ["\n  display: flex;\n  gap: 16px;\n  align-self: stretch;\n  align-items: center;\n"])));
export var ModalIcon = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  padding: 4px;\n  align-items: center;\n  border-radius: 4px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  padding: 4px;\n  align-items: center;\n  border-radius: 4px;\n  background-color: ", ";\n"])), function (props) { return props.$bg; });
export var ModalTitle = styled.h1(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: #1d1d1d;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  margin: 0;\n"], ["\n  color: #1d1d1d;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  margin: 0;\n"])));
export var ModalBody = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  border-bottom: 2px solid #a3a3a3;\n  margin-top: 16px;\n  padding-bottom: 32px;\n"], ["\n  display: flex;\n  width: 100%;\n  border-bottom: 2px solid #a3a3a3;\n  margin-top: 16px;\n  padding-bottom: 32px;\n"])));
export var ModalText = styled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: rgba(0, 0, 0, 0.87);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  letter-spacing: 0.17px;\n  margin: 0;\n  line-height: 1.3;\n"], ["\n  color: rgba(0, 0, 0, 0.87);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  letter-spacing: 0.17px;\n  margin: 0;\n  line-height: 1.3;\n"])));
export var ModalFooter = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  margin-top: 8px;\n  gap: 8px;\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  margin-top: 8px;\n  gap: 8px;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
//# sourceMappingURL=StatusModal.style.js.map