mitre-form-component 0.0.12 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +146 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +137 -2
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
+ var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
5
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
8
  var __export = (target, all) => {
7
9
  for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
15
17
  }
16
18
  return to;
17
19
  };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
18
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
29
 
20
30
  // src/index.ts
@@ -24,10 +34,145 @@ __export(index_exports, {
24
34
  });
25
35
  module.exports = __toCommonJS(index_exports);
26
36
 
37
+ // src/components/styles/utils.ts
38
+ function flex(direction = "row", alignItems, justifyContent) {
39
+ return `
40
+ align-items:${alignItems || null};
41
+ display:flex;
42
+ flex-direction:${direction};
43
+ justify-content:${justifyContent || null};
44
+ `;
45
+ }
46
+ var opacityEffect = `
47
+ &:hover {
48
+ cursor:pointer;
49
+ opacity:.9;
50
+ }
51
+
52
+ &:active {
53
+ opacity:.7;
54
+ }
55
+ `;
56
+
57
+ // src/components/Form/styles.ts
58
+ var import_styled_components = __toESM(require("styled-components"), 1);
59
+ var FormContainer = import_styled_components.default.div`
60
+ ${flex("column")}
61
+ align-items: stretch;
62
+ justify-content: flex-start;
63
+ overflow-x: hidden;
64
+ overflow-y: auto;
65
+
66
+ /* Hide scrollbars for WebKit browsers */
67
+ ::-webkit-scrollbar {
68
+ display: none;
69
+ }
70
+
71
+ /* Hide scrollbars for Firefox */
72
+ scrollbar-width: none;
73
+
74
+ box-sizing: border-box;
75
+ height: 100%;
76
+ `;
77
+ var HeaderContainer = import_styled_components.default.div`
78
+ margin-bottom: 1rem;
79
+ `;
80
+ var ButtonContainer = import_styled_components.default.div`
81
+ display: flex;
82
+ flex-direction: column;
83
+ align-items: center;
84
+ justify-content: center;
85
+ width: 100%;
86
+ margin-top: 0.75rem;
87
+ `;
88
+ var Form = import_styled_components.default.form`
89
+ label {
90
+ font-weight: 700;
91
+ }
92
+
93
+ input {
94
+ background: white;
95
+ margin-bottom: 0.75rem;
96
+ }
97
+
98
+ p {
99
+ font-family: "Montserrat", sans-serif;
100
+ font-style: italic;
101
+ font-weight: 200;
102
+ font-size: 0.8rem;
103
+ text-align: start;
104
+ }
105
+
106
+ a {
107
+ font-family: "Montserrat", sans-serif;
108
+ font-style: italic;
109
+ font-weight: 200;
110
+ font-size: 0.8rem;
111
+ }
112
+
113
+ h6 {
114
+ text-align: start;
115
+ margin-left: 10px;
116
+ }
117
+
118
+ & > div {
119
+ margin-bottom: 10px;,
120
+ }
121
+
122
+ button {
123
+ ${opacityEffect}
124
+ color: var(--black);
125
+ font-weight: 600;
126
+ border: none;
127
+ border-radius: 8px;
128
+ width: 60%;
129
+ margin-top: 10px;
130
+ margin-bottom: 10px;
131
+ }
132
+ `;
133
+ var Title = import_styled_components.default.h2`
134
+ font-size: 1.25rem;
135
+ font-weight: 700;
136
+ line-height: 24px;
137
+ letter-spacing: 0em;
138
+ `;
139
+ var Text = import_styled_components.default.p`
140
+ font-size: 1rem;
141
+ font-weight: 400;
142
+ line-height: 23px;
143
+ letter-spacing: 0em;
144
+ margin-top: 10px;
145
+ `;
146
+
27
147
  // src/components/Form/index.tsx
28
148
  var import_jsx_runtime = require("react/jsx-runtime");
29
149
  var MitreFormComponent = () => {
30
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "10px", background: "red" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { children: "Teste" }) }) });
150
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FormContainer, { children: [
151
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(HeaderContainer, { children: [
152
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: "Atendimento por mensagem" }),
153
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Informe seus dados e retornaremos a mensagem." })
154
+ ] }),
155
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { children: "* Campos de preenchimento obrigat\xF3rio." }),
156
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonContainer, {}),
157
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
158
+ "A Mitre Realty respeita a sua privacidade e utiliza os seus dados pessoais para contat\xE1-lo por e-mail ou telefone aqui registrados. Para saber mais, acesse a nossa",
159
+ " ",
160
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
161
+ "a",
162
+ {
163
+ href: "https://www.mitrerealty.com.br/politica-de-privacidade",
164
+ target: "_blank",
165
+ rel: "noopener noreferrer",
166
+ children: "Pol\xEDtica de Privacidade"
167
+ }
168
+ ),
169
+ ". Ao clicar em ",
170
+ '"',
171
+ "enviar",
172
+ '"',
173
+ ", voc\xEA concorda em permitir que a Mitre Realty, armazene e processe os dados pessoais fornecidos por voc\xEA para finalidade informada"
174
+ ] })
175
+ ] });
31
176
  };
32
177
  MitreFormComponent.displayName = "MitreFormComponent";
33
178
  var Form_default = MitreFormComponent;
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/Form/index.tsx"],"sourcesContent":["import MitreFormComponent from \"./components/Form\";\n\nexport default MitreFormComponent;\n//export type { MitreFormComponentProps } from \"./components/Form\";\n","import React, { useState } from \"react\";\n\n\nconst MitreFormComponent = ( ) => {\n \n\n return (\n <>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"10px\", background: \"red\" }}>\n <a>Teste</a>\n </div>\n </>\n );\n};\n\nMitreFormComponent.displayName = \"MitreFormComponent\";\nexport default MitreFormComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACOM;AAJN,IAAM,qBAAqB,MAAO;AAGhC,SACI,2EACE,sDAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,QAAQ,YAAY,MAAM,GACrF,sDAAC,OAAE,mBAAK,GACR,GACJ;AAEN;AAEA,mBAAmB,cAAc;AACjC,IAAO,eAAQ;;;ADdf,IAAO,gBAAQ;","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/styles/utils.ts","../src/components/Form/styles.ts","../src/components/Form/index.tsx"],"sourcesContent":["import MitreFormComponent from \"./components/Form\";\n\nexport default MitreFormComponent;\n//export type { MitreFormComponentProps } from \"./components/Form\";\n","type directionType = \"column\" | \"row\";\ntype alignItemsType = \"center\" | \"flex-start\";\n\ntype jutifyContentType = \"center\" | \"space-between\";\n\nexport function flex(\n direction: directionType = \"row\",\n alignItems?: alignItemsType,\n justifyContent?: jutifyContentType\n) {\n return `\n align-items:${alignItems || null};\n display:flex;\n flex-direction:${direction};\n justify-content:${justifyContent || null};\n `;\n}\n\nexport const alignX = `\n left:50%;\n transform:translateX(-50%);\n`;\n\nexport const alignXAndY = `\n left:50%;\n top:50%;\n transform:translate(-50%, -50%);\n`;\n\nexport const darkEffect = `\n &:hover {\n cursor:pointer;\n filter:brightness(98%);\n }\n\n &:active {\n filter:brightness(95%);\n }\n`;\n\nexport const opacityEffect = `\n &:hover {\n cursor:pointer;\n opacity:.9;\n }\n\n &:active {\n opacity:.7;\n }\n`;\n\nexport const modalZIndex = 9999;\n\nexport const breakpoints = {\n tablet: \"1024px\",\n};\n","import { flex, opacityEffect } from \"../styles/utils\";\nimport styled from \"styled-components\";\n\nexport const FormContainer = styled.div`\n ${flex(\"column\")}\n align-items: stretch;\n justify-content: flex-start;\n overflow-x: hidden;\n overflow-y: auto;\n\n /* Hide scrollbars for WebKit browsers */\n ::-webkit-scrollbar {\n display: none;\n }\n\n /* Hide scrollbars for Firefox */\n scrollbar-width: none;\n\n box-sizing: border-box;\n height: 100%;\n`;\n\nexport const HeaderContainer = styled.div`\n margin-bottom: 1rem;\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 0.75rem;\n`;\n\nexport const Form = styled.form`\n label {\n font-weight: 700;\n }\n\n input {\n background: white;\n margin-bottom: 0.75rem;\n }\n\n p {\n font-family: \"Montserrat\", sans-serif;\n font-style: italic;\n font-weight: 200;\n font-size: 0.8rem;\n text-align: start;\n }\n\n a {\n font-family: \"Montserrat\", sans-serif;\n font-style: italic;\n font-weight: 200;\n font-size: 0.8rem;\n }\n\n h6 {\n text-align: start;\n margin-left: 10px;\n }\n\n & > div {\n margin-bottom: 10px;,\n }\n\n button {\n ${opacityEffect}\n color: var(--black);\n font-weight: 600;\n border: none;\n border-radius: 8px;\n width: 60%;\n margin-top: 10px;\n margin-bottom: 10px;\n }\n`;\n\nexport const Title = styled.h2`\n font-size: 1.25rem;\n font-weight: 700;\n line-height: 24px;\n letter-spacing: 0em;\n`;\n\nexport const Text = styled.p`\n font-size: 1rem;\n font-weight: 400;\n line-height: 23px;\n letter-spacing: 0em;\n margin-top: 10px;\n`;\n","import React, { useState } from \"react\";\n\nimport { \n FormContainer, \n HeaderContainer, \n ButtonContainer, \n Form, \n Title, \n Text \n} from \"./styles\";\n\nconst MitreFormComponent = ( ) => {\n \n return (\n <FormContainer >\n <HeaderContainer>\n <Title >Atendimento por mensagem</Title>\n\n <Text >Informe seus dados e retornaremos a mensagem.</Text>\n </HeaderContainer>\n\n \n\n <h6>* Campos de preenchimento obrigatório.</h6>\n\n <ButtonContainer>\n </ButtonContainer>\n\n <p>A Mitre Realty respeita a sua privacidade e utiliza os seus dados pessoais para contatá-lo por e-mail ou telefone aqui registrados. Para saber mais, acesse a nossa{ ' '}\n <a\n href=\"https://www.mitrerealty.com.br/politica-de-privacidade\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Política de Privacidade\n </a>. Ao clicar em {'\"'}enviar{'\"'}, você concorda em permitir que a Mitre Realty, armazene e processe os dados pessoais fornecidos por você para finalidade informada</p>\n\n </FormContainer>\n );\n};\n\nMitreFormComponent.displayName = \"MitreFormComponent\";\nexport default MitreFormComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACKO,SAAS,KACd,YAA2B,OAC3B,YACA,gBACA;AACA,SAAO;AAAA,kBACS,cAAc,IAAI;AAAA;AAAA,qBAEf,SAAS;AAAA,sBACR,kBAAkB,IAAI;AAAA;AAE5C;AAwBO,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACvC7B,+BAAmB;AAEZ,IAAM,gBAAgB,yBAAAA,QAAO;AAAA,IAChC,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBX,IAAM,kBAAkB,yBAAAA,QAAO;AAAA;AAAA;AAI/B,IAAM,kBAAkB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,IAAM,OAAO,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAmCrB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWZ,IAAM,QAAQ,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrB,IAAM,OAAO,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACzErB;AAJN,IAAM,qBAAqB,MAAO;AAEhC,SACE,6CAAC,iBACC;AAAA,iDAAC,mBACC;AAAA,kDAAC,SAAO,sCAAwB;AAAA,MAEhC,4CAAC,QAAM,2DAA6C;AAAA,OACtD;AAAA,IAIE,4CAAC,QAAG,uDAAsC;AAAA,IAE1C,4CAAC,mBACD;AAAA,IAEA,6CAAC,OAAE;AAAA;AAAA,MAAqK;AAAA,MACxK;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACL;AAAA;AAAA,MAED;AAAA,MAAI;AAAA,MAAgB;AAAA,MAAI;AAAA,MAAO;AAAA,MAAI;AAAA,OAAmI;AAAA,KAE1K;AAEJ;AAEA,mBAAmB,cAAc;AACjC,IAAO,eAAQ;;;AHxCf,IAAO,gBAAQ;","names":["styled"]}
package/dist/index.js CHANGED
@@ -1,7 +1,142 @@
1
+ // src/components/styles/utils.ts
2
+ function flex(direction = "row", alignItems, justifyContent) {
3
+ return `
4
+ align-items:${alignItems || null};
5
+ display:flex;
6
+ flex-direction:${direction};
7
+ justify-content:${justifyContent || null};
8
+ `;
9
+ }
10
+ var opacityEffect = `
11
+ &:hover {
12
+ cursor:pointer;
13
+ opacity:.9;
14
+ }
15
+
16
+ &:active {
17
+ opacity:.7;
18
+ }
19
+ `;
20
+
21
+ // src/components/Form/styles.ts
22
+ import styled from "styled-components";
23
+ var FormContainer = styled.div`
24
+ ${flex("column")}
25
+ align-items: stretch;
26
+ justify-content: flex-start;
27
+ overflow-x: hidden;
28
+ overflow-y: auto;
29
+
30
+ /* Hide scrollbars for WebKit browsers */
31
+ ::-webkit-scrollbar {
32
+ display: none;
33
+ }
34
+
35
+ /* Hide scrollbars for Firefox */
36
+ scrollbar-width: none;
37
+
38
+ box-sizing: border-box;
39
+ height: 100%;
40
+ `;
41
+ var HeaderContainer = styled.div`
42
+ margin-bottom: 1rem;
43
+ `;
44
+ var ButtonContainer = styled.div`
45
+ display: flex;
46
+ flex-direction: column;
47
+ align-items: center;
48
+ justify-content: center;
49
+ width: 100%;
50
+ margin-top: 0.75rem;
51
+ `;
52
+ var Form = styled.form`
53
+ label {
54
+ font-weight: 700;
55
+ }
56
+
57
+ input {
58
+ background: white;
59
+ margin-bottom: 0.75rem;
60
+ }
61
+
62
+ p {
63
+ font-family: "Montserrat", sans-serif;
64
+ font-style: italic;
65
+ font-weight: 200;
66
+ font-size: 0.8rem;
67
+ text-align: start;
68
+ }
69
+
70
+ a {
71
+ font-family: "Montserrat", sans-serif;
72
+ font-style: italic;
73
+ font-weight: 200;
74
+ font-size: 0.8rem;
75
+ }
76
+
77
+ h6 {
78
+ text-align: start;
79
+ margin-left: 10px;
80
+ }
81
+
82
+ & > div {
83
+ margin-bottom: 10px;,
84
+ }
85
+
86
+ button {
87
+ ${opacityEffect}
88
+ color: var(--black);
89
+ font-weight: 600;
90
+ border: none;
91
+ border-radius: 8px;
92
+ width: 60%;
93
+ margin-top: 10px;
94
+ margin-bottom: 10px;
95
+ }
96
+ `;
97
+ var Title = styled.h2`
98
+ font-size: 1.25rem;
99
+ font-weight: 700;
100
+ line-height: 24px;
101
+ letter-spacing: 0em;
102
+ `;
103
+ var Text = styled.p`
104
+ font-size: 1rem;
105
+ font-weight: 400;
106
+ line-height: 23px;
107
+ letter-spacing: 0em;
108
+ margin-top: 10px;
109
+ `;
110
+
1
111
  // src/components/Form/index.tsx
2
- import { Fragment, jsx } from "react/jsx-runtime";
112
+ import { jsx, jsxs } from "react/jsx-runtime";
3
113
  var MitreFormComponent = () => {
4
- return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "10px", background: "red" }, children: /* @__PURE__ */ jsx("a", { children: "Teste" }) }) });
114
+ return /* @__PURE__ */ jsxs(FormContainer, { children: [
115
+ /* @__PURE__ */ jsxs(HeaderContainer, { children: [
116
+ /* @__PURE__ */ jsx(Title, { children: "Atendimento por mensagem" }),
117
+ /* @__PURE__ */ jsx(Text, { children: "Informe seus dados e retornaremos a mensagem." })
118
+ ] }),
119
+ /* @__PURE__ */ jsx("h6", { children: "* Campos de preenchimento obrigat\xF3rio." }),
120
+ /* @__PURE__ */ jsx(ButtonContainer, {}),
121
+ /* @__PURE__ */ jsxs("p", { children: [
122
+ "A Mitre Realty respeita a sua privacidade e utiliza os seus dados pessoais para contat\xE1-lo por e-mail ou telefone aqui registrados. Para saber mais, acesse a nossa",
123
+ " ",
124
+ /* @__PURE__ */ jsx(
125
+ "a",
126
+ {
127
+ href: "https://www.mitrerealty.com.br/politica-de-privacidade",
128
+ target: "_blank",
129
+ rel: "noopener noreferrer",
130
+ children: "Pol\xEDtica de Privacidade"
131
+ }
132
+ ),
133
+ ". Ao clicar em ",
134
+ '"',
135
+ "enviar",
136
+ '"',
137
+ ", voc\xEA concorda em permitir que a Mitre Realty, armazene e processe os dados pessoais fornecidos por voc\xEA para finalidade informada"
138
+ ] })
139
+ ] });
5
140
  };
6
141
  MitreFormComponent.displayName = "MitreFormComponent";
7
142
  var Form_default = MitreFormComponent;
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Form/index.tsx","../src/index.ts"],"sourcesContent":["import React, { useState } from \"react\";\n\n\nconst MitreFormComponent = ( ) => {\n \n\n return (\n <>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"10px\", background: \"red\" }}>\n <a>Teste</a>\n </div>\n </>\n );\n};\n\nMitreFormComponent.displayName = \"MitreFormComponent\";\nexport default MitreFormComponent;\n","import MitreFormComponent from \"./components/Form\";\n\nexport default MitreFormComponent;\n//export type { MitreFormComponentProps } from \"./components/Form\";\n"],"mappings":";AAOM,mBAEI,WAFJ;AAJN,IAAM,qBAAqB,MAAO;AAGhC,SACI,gCACE,8BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,QAAQ,YAAY,MAAM,GACrF,8BAAC,OAAE,mBAAK,GACR,GACJ;AAEN;AAEA,mBAAmB,cAAc;AACjC,IAAO,eAAQ;;;ACdf,IAAO,gBAAQ;","names":[]}
1
+ {"version":3,"sources":["../src/components/styles/utils.ts","../src/components/Form/styles.ts","../src/components/Form/index.tsx","../src/index.ts"],"sourcesContent":["type directionType = \"column\" | \"row\";\ntype alignItemsType = \"center\" | \"flex-start\";\n\ntype jutifyContentType = \"center\" | \"space-between\";\n\nexport function flex(\n direction: directionType = \"row\",\n alignItems?: alignItemsType,\n justifyContent?: jutifyContentType\n) {\n return `\n align-items:${alignItems || null};\n display:flex;\n flex-direction:${direction};\n justify-content:${justifyContent || null};\n `;\n}\n\nexport const alignX = `\n left:50%;\n transform:translateX(-50%);\n`;\n\nexport const alignXAndY = `\n left:50%;\n top:50%;\n transform:translate(-50%, -50%);\n`;\n\nexport const darkEffect = `\n &:hover {\n cursor:pointer;\n filter:brightness(98%);\n }\n\n &:active {\n filter:brightness(95%);\n }\n`;\n\nexport const opacityEffect = `\n &:hover {\n cursor:pointer;\n opacity:.9;\n }\n\n &:active {\n opacity:.7;\n }\n`;\n\nexport const modalZIndex = 9999;\n\nexport const breakpoints = {\n tablet: \"1024px\",\n};\n","import { flex, opacityEffect } from \"../styles/utils\";\nimport styled from \"styled-components\";\n\nexport const FormContainer = styled.div`\n ${flex(\"column\")}\n align-items: stretch;\n justify-content: flex-start;\n overflow-x: hidden;\n overflow-y: auto;\n\n /* Hide scrollbars for WebKit browsers */\n ::-webkit-scrollbar {\n display: none;\n }\n\n /* Hide scrollbars for Firefox */\n scrollbar-width: none;\n\n box-sizing: border-box;\n height: 100%;\n`;\n\nexport const HeaderContainer = styled.div`\n margin-bottom: 1rem;\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 0.75rem;\n`;\n\nexport const Form = styled.form`\n label {\n font-weight: 700;\n }\n\n input {\n background: white;\n margin-bottom: 0.75rem;\n }\n\n p {\n font-family: \"Montserrat\", sans-serif;\n font-style: italic;\n font-weight: 200;\n font-size: 0.8rem;\n text-align: start;\n }\n\n a {\n font-family: \"Montserrat\", sans-serif;\n font-style: italic;\n font-weight: 200;\n font-size: 0.8rem;\n }\n\n h6 {\n text-align: start;\n margin-left: 10px;\n }\n\n & > div {\n margin-bottom: 10px;,\n }\n\n button {\n ${opacityEffect}\n color: var(--black);\n font-weight: 600;\n border: none;\n border-radius: 8px;\n width: 60%;\n margin-top: 10px;\n margin-bottom: 10px;\n }\n`;\n\nexport const Title = styled.h2`\n font-size: 1.25rem;\n font-weight: 700;\n line-height: 24px;\n letter-spacing: 0em;\n`;\n\nexport const Text = styled.p`\n font-size: 1rem;\n font-weight: 400;\n line-height: 23px;\n letter-spacing: 0em;\n margin-top: 10px;\n`;\n","import React, { useState } from \"react\";\n\nimport { \n FormContainer, \n HeaderContainer, \n ButtonContainer, \n Form, \n Title, \n Text \n} from \"./styles\";\n\nconst MitreFormComponent = ( ) => {\n \n return (\n <FormContainer >\n <HeaderContainer>\n <Title >Atendimento por mensagem</Title>\n\n <Text >Informe seus dados e retornaremos a mensagem.</Text>\n </HeaderContainer>\n\n \n\n <h6>* Campos de preenchimento obrigatório.</h6>\n\n <ButtonContainer>\n </ButtonContainer>\n\n <p>A Mitre Realty respeita a sua privacidade e utiliza os seus dados pessoais para contatá-lo por e-mail ou telefone aqui registrados. Para saber mais, acesse a nossa{ ' '}\n <a\n href=\"https://www.mitrerealty.com.br/politica-de-privacidade\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Política de Privacidade\n </a>. Ao clicar em {'\"'}enviar{'\"'}, você concorda em permitir que a Mitre Realty, armazene e processe os dados pessoais fornecidos por você para finalidade informada</p>\n\n </FormContainer>\n );\n};\n\nMitreFormComponent.displayName = \"MitreFormComponent\";\nexport default MitreFormComponent;\n","import MitreFormComponent from \"./components/Form\";\n\nexport default MitreFormComponent;\n//export type { MitreFormComponentProps } from \"./components/Form\";\n"],"mappings":";AAKO,SAAS,KACd,YAA2B,OAC3B,YACA,gBACA;AACA,SAAO;AAAA,kBACS,cAAc,IAAI;AAAA;AAAA,qBAEf,SAAS;AAAA,sBACR,kBAAkB,IAAI;AAAA;AAE5C;AAwBO,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACvC7B,OAAO,YAAY;AAEZ,IAAM,gBAAgB,OAAO;AAAA,IAChC,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBX,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAI/B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,IAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAmCrB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWZ,IAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrB,IAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACzErB,SACE,KADF;AAJN,IAAM,qBAAqB,MAAO;AAEhC,SACE,qBAAC,iBACC;AAAA,yBAAC,mBACC;AAAA,0BAAC,SAAO,sCAAwB;AAAA,MAEhC,oBAAC,QAAM,2DAA6C;AAAA,OACtD;AAAA,IAIE,oBAAC,QAAG,uDAAsC;AAAA,IAE1C,oBAAC,mBACD;AAAA,IAEA,qBAAC,OAAE;AAAA;AAAA,MAAqK;AAAA,MACxK;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACL;AAAA;AAAA,MAED;AAAA,MAAI;AAAA,MAAgB;AAAA,MAAI;AAAA,MAAO;AAAA,MAAI;AAAA,OAAmI;AAAA,KAE1K;AAEJ;AAEA,mBAAmB,cAAc;AACjC,IAAO,eAAQ;;;ACxCf,IAAO,gBAAQ;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mitre-form-component",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "private": false,
5
5
  "description": "Componente de formulário de captação de leads para ser usado em projetos da Mitre Realty.",
6
6
  "type": "module",