norma-library 0.5.143 → 0.5.145

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 (4) hide show
  1. package/dist/esm/components/StatusModal/StatusModal.style.js +2 -2
  2. package/dist/esm/components/StatusModal/StatusModal.style.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/components/StatusModal/StatusModal.style.tsx +2 -0
package/dist/esm/components/StatusModal/StatusModal.style.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import styled from 'styled-components';
3
- 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"], ["\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"])));
3
+ 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"])));
4
4
  export var Modal = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n width: 430px;\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: 430px;\n padding: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n border-radius: 4px;\n background: #fff;\n"])));
5
5
  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"])));
6
6
  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; });
7
7
  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"])));
8
8
  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"])));
9
- 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"], ["\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"])));
9
+ 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"])));
10
10
  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"])));
11
11
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
12
12
  //# sourceMappingURL=StatusModal.style.js.map
package/dist/esm/components/StatusModal/StatusModal.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StatusModal.style.js","sourceRoot":"","sources":["../../../../src/components/StatusModal/StatusModal.style.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,8PAAA,2LAUlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,2PAAA,wLAS9B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,uJAAA,oFAKpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oLAAiB,0GAK9B,EAAkB,KACvC,KADqB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,CACvC,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,EAAE,mMAAA,gIAOlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4LAAA,yHAMlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,+MAAA,4IAOhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,wKAAA,qGAMpC,IAAA,CAAC"}
1
+ {"version":3,"file":"StatusModal.style.js","sourceRoot":"","sources":["../../../../src/components/StatusModal/StatusModal.style.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,gRAAA,6MAWlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,2PAAA,wLAS9B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,uJAAA,oFAKpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oLAAiB,0GAK9B,EAAkB,KACvC,KADqB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,CACvC,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,EAAE,mMAAA,gIAOlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4LAAA,yHAMlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,oOAAA,iKAQhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,wKAAA,qGAMpC,IAAA,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "norma-library",
3
- "version": "0.5.143",
3
+ "version": "0.5.145",
4
4
  "private": false,
5
5
  "description": "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
6
  "scripts": {
package/src/components/StatusModal/StatusModal.style.tsx CHANGED
@@ -10,6 +10,7 @@ export const Container = styled.div`
10
10
  justify-content: center;
11
11
  align-items: center;
12
12
  background: rgba(0, 0, 0, 0.6);
13
+ z-index: 9999;
13
14
  `;
14
15
 
15
16
  export const Modal = styled.div`
@@ -62,6 +63,7 @@ export const ModalText = styled.p`
62
63
  font-weight: 400;
63
64
  letter-spacing: 0.17px;
64
65
  margin: 0;
66
+ line-height: 1.3;
65
67
  `;
66
68
 
67
69
  export const ModalFooter = styled.div`