@tecsinapse/react-web-kit 1.12.6 → 1.12.7

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 (26) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/components/atoms/Modal/styled.js +1 -1
  3. package/dist/components/atoms/Modal/styled.js.map +1 -1
  4. package/dist/components/atoms/Table/Container/styled.js +1 -1
  5. package/dist/components/atoms/Table/Container/styled.js.map +1 -1
  6. package/dist/components/atoms/Table/Row/styled.js +1 -1
  7. package/dist/components/atoms/Table/Row/styled.js.map +1 -1
  8. package/dist/components/molecules/Breadcrumbs/styled.js +1 -1
  9. package/dist/components/molecules/Breadcrumbs/styled.js.map +1 -1
  10. package/dist/components/molecules/Menubar/MenuBlock/styled.js +1 -1
  11. package/dist/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
  12. package/dist/components/molecules/Menubar/SearchResultItem/styled.js +1 -1
  13. package/dist/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
  14. package/dist/components/molecules/Menubar/styled.js +3 -3
  15. package/dist/components/molecules/Menubar/styled.js.map +1 -1
  16. package/dist/components/molecules/Select/Dropdown/styled.js +1 -1
  17. package/dist/components/molecules/Select/Dropdown/styled.js.map +1 -1
  18. package/package.json +3 -3
  19. package/src/components/atoms/Modal/styled.ts +1 -1
  20. package/src/components/atoms/Table/Container/styled.ts +1 -1
  21. package/src/components/atoms/Table/Row/styled.ts +1 -1
  22. package/src/components/molecules/Breadcrumbs/styled.ts +1 -1
  23. package/src/components/molecules/Menubar/MenuBlock/styled.ts +1 -1
  24. package/src/components/molecules/Menubar/SearchResultItem/styled.ts +1 -1
  25. package/src/components/molecules/Menubar/styled.ts +3 -3
  26. package/src/components/molecules/Select/Dropdown/styled.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.12.7](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.12.6...@tecsinapse/react-web-kit@1.12.7) (2022-01-11)
7
+
8
+ **Note:** Version bump only for package @tecsinapse/react-web-kit
9
+
10
+
11
+
12
+
13
+
6
14
  ## [1.12.6](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.12.5...@tecsinapse/react-web-kit@1.12.6) (2022-01-06)
7
15
 
8
16
  **Note:** Version bump only for package @tecsinapse/react-web-kit
package/dist/components/atoms/Modal/styled.js CHANGED
@@ -33,7 +33,7 @@ const ModalContainer = (0, _styled.default)('div')`
33
33
  box-shadow: 0 2px 8px
34
34
  ${({
35
35
  theme
36
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
36
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
37
37
  `;
38
38
  exports.ModalContainer = ModalContainer;
39
39
  //# sourceMappingURL=styled.js.map
package/dist/components/atoms/Modal/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/atoms/Modal/styled.ts"],"names":["ModalContainer","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","shadow"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAO,KAAP,CAAmC;AACjE,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,MAAN,CAAaC,KAAM;AAC/C;AACA;AACA;AACA,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAM;AAC3D,aAAa,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA,MAAM,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBQ,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CAbO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n margin: auto;\n position: fixed;\n z-index: ${({ theme }) => theme.zIndex.modal};\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: ${({ theme }) => theme.borderRadius.micro};\n padding: ${({ theme }) => theme.spacing.kilo};\n display: flex;\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../src/components/atoms/Modal/styled.ts"],"names":["ModalContainer","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","shadow"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAO,KAAP,CAAmC;AACjE,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,MAAN,CAAaC,KAAM;AAC/C;AACA;AACA;AACA,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAM;AAC3D,aAAa,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA,MAAM,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBQ,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CAbO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n margin: auto;\n position: fixed;\n z-index: ${({ theme }) => theme.zIndex.modal};\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: ${({ theme }) => theme.borderRadius.micro};\n padding: ${({ theme }) => theme.spacing.kilo};\n display: flex;\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"file":"styled.js"}
package/dist/components/atoms/Table/Container/styled.js CHANGED
@@ -21,7 +21,7 @@ const TContainer = (0, _styled.default)('div')`
21
21
  box-shadow: 0 2px 8px
22
22
  ${({
23
23
  theme
24
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
24
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
25
25
  padding: ${({
26
26
  theme
27
27
  }) => `${theme.spacing.deca} 0`};
package/dist/components/atoms/Table/Container/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/atoms/Table/Container/styled.ts"],"names":["TContainer","theme","miscellaneous","surfaceColor","borderRadius","mili","shadow","spacing","deca"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,UAAU,GAAG,qBAAO,KAAP,CAAmC;AAC7D,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC1D;AACA,MAAM,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBI,MAA7B,EAAqC,IAArC,CAA2C;AAChE,aAAa,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACM,OAAN,CAAcC,IAAK,IAAI;AACtD,CANO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TContainer = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../../src/components/atoms/Table/Container/styled.ts"],"names":["TContainer","theme","miscellaneous","surfaceColor","borderRadius","mili","shadow","spacing","deca"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,UAAU,GAAG,qBAAO,KAAP,CAAmC;AAC7D,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC1D;AACA,MAAM,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBI,MAA7B,EAAqC,IAArC,CAA2C;AAChE,aAAa,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACM,OAAN,CAAcC,IAAK,IAAI;AACtD,CANO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TContainer = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"file":"styled.js"}
package/dist/components/atoms/Table/Row/styled.js CHANGED
@@ -15,7 +15,7 @@ const TRow = (0, _styled.default)('tr')`
15
15
  box-shadow: 0 2px 8px
16
16
  ${({
17
17
  theme
18
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
18
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
19
19
  border-radius: ${({
20
20
  theme
21
21
  }) => theme.borderRadius.mili};
package/dist/components/atoms/Table/Row/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/atoms/Table/Row/styled.ts"],"names":["TRow","theme","miscellaneous","shadow","borderRadius","mili"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,IAAI,GAAG,qBAAO,IAAP,CAAkC;AACtD;AACA,MAAM,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBC,MAA7B,EAAqC,IAArC,CAA2C;AAChE,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC1D,CAJO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../../src/components/atoms/Table/Row/styled.ts"],"names":["TRow","theme","miscellaneous","shadow","borderRadius","mili"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,IAAI,GAAG,qBAAO,IAAP,CAAkC;AACtD;AACA,MAAM,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBC,MAA7B,EAAqC,IAArC,CAA2C;AAChE,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC1D,CAJO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"file":"styled.js"}
package/dist/components/molecules/Breadcrumbs/styled.js CHANGED
@@ -27,7 +27,7 @@ const StyledContainerBreadcrumbs = (0, _styled.default)('div')`
27
27
  box-shadow: 0px 2px 8px
28
28
  ${({
29
29
  theme
30
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
30
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
31
31
  `;
32
32
  exports.StyledContainerBreadcrumbs = StyledContainerBreadcrumbs;
33
33
  //# sourceMappingURL=styled.js.map
package/dist/components/molecules/Breadcrumbs/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"names":["StyledContainerBreadcrumbs","theme","miscellaneous","surfaceColor","spacing","mili","deca","borderRadius","shadow"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,0BAA0B,GAAG,qBAAO,KAAP,CAAmC;AAC7E,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACG,OAAN,CAAcC,IAAK,IAAGJ,KAAK,CAACG,OAAN,CAAcE,IAAK,EAAE;AAC1E,mBAAmB,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACM,YAAN,CAAmBF,IAAK;AACtE;AACA,MAAM,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBM,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CATO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"names":["StyledContainerBreadcrumbs","theme","miscellaneous","surfaceColor","spacing","mili","deca","borderRadius","shadow"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,0BAA0B,GAAG,qBAAO,KAAP,CAAmC;AAC7E,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACG,OAAN,CAAcC,IAAK,IAAGJ,KAAK,CAACG,OAAN,CAAcE,IAAK,EAAE;AAC1E,mBAAmB,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACM,YAAN,CAAmBF,IAAK;AACtE;AACA,MAAM,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBM,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CATO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"file":"styled.js"}
package/dist/components/molecules/Menubar/MenuBlock/styled.js CHANGED
@@ -29,7 +29,7 @@ const StyledContainerMenu = (0, _styled.default)('div')`
29
29
  align-items: center;
30
30
  border-bottom: ${({
31
31
  theme
32
- }) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)}`};
32
+ }) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)}`};
33
33
  width: 100%;
34
34
  padding-bottom: ${({
35
35
  theme
package/dist/components/molecules/Menubar/MenuBlock/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"names":["StyledLeftComponent","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","miscellaneous","shadow","StyledContainerItems","StyledText","font","color","orange"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,mBAAmB,GAAG,qBAAO,KAAP,CAAmC;AACtE,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD,CAFO;;AAIA,MAAMC,oBAAoB,GAAG,qBAAO,KAAP,CAAmC;AACvE,iBAAiB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACnD,CAFO;;AAIA,MAAME,mBAAmB,GAAG,qBAAO,KAAP,CAAmC;AACtE;AACA;AACA;AACA,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KACd,GAAEA,KAAK,CAACK,WAAN,CAAkBC,IAAK,UAAS,yBACjCN,KAAK,CAACO,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR;AACA,oBAAoB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACtD,CAXO;;AAaA,MAAMO,oBAAoB,GAAG,qBAAO,KAAP,CAAmC;AACvE;AACA;AACA,CAHO;;AAKA,MAAMC,UAAU,GAAG,qBAAO,MAAP,CAAoC;AAC9D;AACA,aAAa,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACW,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AACpD;AACA,CAJO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n border-bottom: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.08\n )}`};\n width: 100%;\n padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n &:hover {\n color: ${({ theme }) => theme.font.color.orange};\n }\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"names":["StyledLeftComponent","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","miscellaneous","shadow","StyledContainerItems","StyledText","font","color","orange"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,mBAAmB,GAAG,qBAAO,KAAP,CAAmC;AACtE,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD,CAFO;;AAIA,MAAMC,oBAAoB,GAAG,qBAAO,KAAP,CAAmC;AACvE,iBAAiB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACnD,CAFO;;AAIA,MAAME,mBAAmB,GAAG,qBAAO,KAAP,CAAmC;AACtE;AACA;AACA;AACA,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KACd,GAAEA,KAAK,CAACK,WAAN,CAAkBC,IAAK,UAAS,yBACjCN,KAAK,CAACO,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR;AACA,oBAAoB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACtD,CAXO;;AAaA,MAAMO,oBAAoB,GAAG,qBAAO,KAAP,CAAmC;AACvE;AACA;AACA,CAHO;;AAKA,MAAMC,UAAU,GAAG,qBAAO,MAAP,CAAoC;AAC9D;AACA,aAAa,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACW,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AACpD;AACA,CAJO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n border-bottom: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n width: 100%;\n padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n &:hover {\n color: ${({ theme }) => theme.font.color.orange};\n }\n`;\n"],"file":"styled.js"}
package/dist/components/molecules/Menubar/SearchResultItem/styled.js CHANGED
@@ -21,7 +21,7 @@ const StyledSearchItemContainer = (0, _styled.default)('div')`
21
21
  }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};
22
22
  border-top: ${({
23
23
  theme
24
- }) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)}`};
24
+ }) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)}`};
25
25
  `;
26
26
  exports.StyledSearchItemContainer = StyledSearchItemContainer;
27
27
  const HighlightText = (0, _native.default)(_reactCore.Text)`
package/dist/components/molecules/Menubar/SearchResultItem/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"names":["StyledSearchItemContainer","theme","spacing","mili","centi","borderWidth","pico","miscellaneous","shadow","HighlightText","Text","font","color","orange"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,yBAAyB,GAAG,qBAAO,KAAP,CAAmC;AAC5E;AACA;AACA,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAKF,KAAK,CAACC,OAAN,CAAcE,KAAM,IAAI;AAC/E,gBAAgB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KACX,GAAEA,KAAK,CAACI,WAAN,CAAkBC,IAAK,UAAS,yBACjCL,KAAK,CAACM,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR,CATO;;AAWA,MAAMC,aAAa,GAAG,qBAAaC,eAAb,CAAwC;AACrE;AACA,2BAA2B,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AAClE,CAHO","sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.08\n )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n text-decoration: underline;\n text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"names":["StyledSearchItemContainer","theme","spacing","mili","centi","borderWidth","pico","miscellaneous","shadow","HighlightText","Text","font","color","orange"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,yBAAyB,GAAG,qBAAO,KAAP,CAAmC;AAC5E;AACA;AACA,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAKF,KAAK,CAACC,OAAN,CAAcE,KAAM,IAAI;AAC/E,gBAAgB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KACX,GAAEA,KAAK,CAACI,WAAN,CAAkBC,IAAK,UAAS,yBACjCL,KAAK,CAACM,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR,CATO;;AAWA,MAAMC,aAAa,GAAG,qBAAaC,eAAb,CAAwC;AACrE;AACA,2BAA2B,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AAClE,CAHO","sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n text-decoration: underline;\n text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"file":"styled.js"}
package/dist/components/molecules/Menubar/styled.js CHANGED
@@ -48,7 +48,7 @@ const StyledMenuBar = (0, _styled.default)('div')`
48
48
  }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};
49
49
  box-shadow: 0px 2px 8px ${({
50
50
  theme
51
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
51
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
52
52
  `;
53
53
  exports.StyledMenuBar = StyledMenuBar;
54
54
  const StyledMenuButton = (0, _native.default)(_Button.Button)`
@@ -75,7 +75,7 @@ exports.StyledMenuButton = StyledMenuButton;
75
75
  const StyledContainerOpenMenu = (0, _styled.default)('div')`
76
76
  border-top: ${({
77
77
  theme
78
- }) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)}`};
78
+ }) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)}`};
79
79
  background-color: ${({
80
80
  theme
81
81
  }) => theme.miscellaneous.surfaceColor};
@@ -87,7 +87,7 @@ const StyledContainerOpenMenu = (0, _styled.default)('div')`
87
87
  }) => theme.borderRadius.mili};
88
88
  box-shadow: 0px 2px 8px ${({
89
89
  theme
90
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
90
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
91
91
  padding-right: 8vw;
92
92
  padding-left: 8vw;
93
93
  padding-top: ${({
package/dist/components/molecules/Menubar/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"names":["StyledIconInput","theme","spacing","centi","StyledMenuBar","zIndex","header","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","StyledInput","Input","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG,qBAAU,KAAV,CAAsC;AACrE,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AACzD,kBAAkB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AACrD,yBAAyB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC5D,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AACtD,CALO;;AAOA,MAAMC,aAAa,GAAG,qBAAU,KAAV,CAAsC;AACnE;AACA,eAAe,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,MAAN,CAAaC,MAAO;AAClD,wBAAwB,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACM,aAAN,CAAoBC,YAAa;AACxE;AACA;AACA;AACA,eAAe,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcO,IAAK,IAAGR,KAAK,CAACC,OAAN,CAAcQ,IAAK,EAAE;AAC5E,8BAA8B,CAAC;AAAET,EAAAA;AAAF,CAAD,KACxB,yBAASA,KAAK,CAACM,aAAN,CAAoBI,MAA7B,EAAqC,IAArC,CAA2C;AACjD,CAVO;;AAYA,MAAMC,gBAAgB,GAAG,qBAAaC,cAAb,CAA0C;AAC1E,wBAAwB,CAAC;AAAEZ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC3D,0BAA0B,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC7D,2BAA2B,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC9D,yBAAyB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC5D,oBAAoB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcQ,IAAK;AACtD;AACA;AACA;AACA,CATO;;AAWA,MAAMI,uBAAuB,GAAG,qBAAU,KAAV,CAAsC;AAC7E,kBAAkB,CAAC;AAAEb,EAAAA;AAAF,CAAD,KACX,GAAEA,KAAK,CAACc,WAAN,CAAkBC,IAAK,UAAS,yBACjCf,KAAK,CAACM,aAAN,CAAoBI,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACV,wBAAwB,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACM,aAAN,CAAoBC,YAAa;AACxE,iCAAiC,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACgB,YAAN,CAAmBC,IAAK;AACxE,kCAAkC,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACgB,YAAN,CAAmBC,IAAK;AACzE,8BAA8B,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KACxB,yBAASA,KAAK,CAACM,aAAN,CAAoBI,MAA7B,EAAqC,IAArC,CAA2C;AACjD;AACA;AACA,mBAAmB,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcQ,IAAK;AACrD,sBAAsB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAciB,IAAK;AACxD;AACA,eAAe,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,MAAN,CAAaC,MAAb,GAAsB,CAAE;AACtD;AACA;AACA,CAnBO;;AAqBA,MAAMc,WAAW,GAAG,qBAAaC,YAAb,CAAyC;AACpE;AACA,CAFO;;AAIA,MAAMC,oBAAoB,GAAG,qBAAU,KAAV,CAAiB;AACrD;AACA;AACA,CAHO;;AAKA,MAAMC,4BAA4B,GAAG,qBAAU,KAAV,CAAiB;AAC7D;AACA;AACA,CAHO;;AAKA,MAAMC,yBAAyB,GAAG,qBAAU,KAAV,CAAsC;AAC/E,qBAAqB,CAAC;AAAEvB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcgB,IAAK;AACvD,CAFO","sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: ${({ theme }) => theme.spacing.centi};\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n position: relative;\n z-index: ${({ theme }) => theme.zIndex.header};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.08)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n margin-right: ${({ theme }) => theme.spacing.kilo};\n & * {\n user-select: none;\n }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.08\n )}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.08)};\n padding-right: 8vw;\n padding-left: 8vw;\n padding-top: ${({ theme }) => theme.spacing.kilo};\n padding-bottom: ${({ theme }) => theme.spacing.mega};\n position: absolute;\n z-index: ${({ theme }) => theme.zIndex.header + 1};\n width: -webkit-fill-available;\n width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n display: flex;\n flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"names":["StyledIconInput","theme","spacing","centi","StyledMenuBar","zIndex","header","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","StyledInput","Input","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"mappings":"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","sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: ${({ theme }) => theme.spacing.centi};\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n position: relative;\n z-index: ${({ theme }) => theme.zIndex.header};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n margin-right: ${({ theme }) => theme.spacing.kilo};\n & * {\n user-select: none;\n }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.05)};\n padding-right: 8vw;\n padding-left: 8vw;\n padding-top: ${({ theme }) => theme.spacing.kilo};\n padding-bottom: ${({ theme }) => theme.spacing.mega};\n position: absolute;\n z-index: ${({ theme }) => theme.zIndex.header + 1};\n width: -webkit-fill-available;\n width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n display: flex;\n flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"file":"styled.js"}
package/dist/components/molecules/Select/Dropdown/styled.js CHANGED
@@ -40,7 +40,7 @@ const StyledContainerDropdown = (0, _styled.default)('div')`
40
40
  box-shadow: 0 2px 8px
41
41
  ${({
42
42
  theme
43
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
43
+ }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
44
44
  position: absolute;
45
45
  padding-top: ${({
46
46
  theme,
package/dist/components/molecules/Select/Dropdown/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/molecules/Select/Dropdown/styled.ts"],"names":["anchorBottom","theme","anchor","spacing","centi","anchorTop","StyledContainerDropdown","miscellaneous","surfaceColor","borderRadius","mili","shadow","hideSearchBar","deca","zIndex","select","OptionsContainer","lengthOptions","color","secondary","light","primary","SearchBarContainer","PaddedContainer","StyledContainerCheckAll","xlight","medium","StyledSpan","font","dark","StyledContainerTextLabel"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAOA,MAAMA,YAAY,GAAG,CAAC;AACpBC,EAAAA,KADoB;AAEpBC,EAAAA;AAFoB,CAAD,KAInBA,MAAM,KAAK,QAAX,IACA,eAAI;AACN,kBAAkBD,KAAK,CAACE,OAAN,CAAcC,KAAM;AACtC;AACA,GARA;;AAUA,MAAMC,SAAS,GAAG,CAAC;AACjBJ,EAAAA,KADiB;AAEjBC,EAAAA;AAFiB,CAAD,KAIhBA,MAAM,KAAK,KAAX,IACA,eAAI;AACN,qBAAqBD,KAAK,CAACE,OAAN,CAAcC,KAAM;AACzC;AACA,GARA;;AAUO,MAAME,uBAAuB,GAAG,qBAAO,KAAP,CAA6B;AACpE;AACA,sBAAsB,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAClBA,KAAK,CAACM,aAAN,CAAoBC,YAAa;AACrC,mBAAmB,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACQ,YAAN,CAAmBC,IAAK;AACtE;AACA,MAAM,CAAC;AAAET,EAAAA;AAAF,CAAD,KAA2B,yBAASA,KAAK,CAACM,aAAN,CAAoBI,MAA7B,EAAqC,IAArC,CAA2C;AAC5E;AACA,iBAAiB,CAAC;AACdV,EAAAA,KADc;AAEdW,EAAAA;AAFc,CAAD,KAIb,CAACA,aAAD,GAAkB,GAAEX,KAAK,CAACE,OAAN,CAAcU,IAAK,EAAvC,GAA2C,KAAM;AACrD,oBAAoB,CAAC;AAAEZ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACE,OAAN,CAAcO,IAAK;AAClE,aAAa,CAAC;AAAET,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACa,MAAN,CAAaC,MAAO;AAC5D,IAAIV,SAAU;AACd,IAAIL,YAAa;AACjB,CAjBO;;AAmBA,MAAMgB,gBAAgB,GAAG,qBAAO,KAAP,CAA6B;AAC7D;AACA;AACA,gBAAgB,CAAC;AAAEC,EAAAA,aAAa,GAAG;AAAlB,CAAD,KACZA,aAAa,GAAG,CAAhB,GAAoB,QAApB,GAA+B,QAAS;AAC5C;AACA;AACA;AACA;AACA,qBAAqB,CAAC;AAAEhB,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACQ,YAAN,CAAmBL,KAAM;AACzE,wBAAwB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACiB,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AAC/E;AACA;AACA,wBAAwB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACiB,KAAN,CAAYG,OAAZ,CAAoBD,KAAM;AAC7E;AACA,CAfO;;AAiBA,MAAME,kBAAkB,GAAG,qBAAO,KAAP,CAAmC;AACrE,kBAAkB,CAAC;AAAErB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,OAAN,CAAcO,IAAK;AACpD;AACA,CAHO;;AAKA,MAAMa,eAAe,GAAG,qBAAO,KAAP,CAAmC;AAClE,aAAa,CAAC;AAAEtB,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACE,OAAN,CAAcO,IAAK,IAAGT,KAAK,CAACE,OAAN,CAAcU,IAAK,EAAE;AAC1E,CAFO;;AAIA,MAAMW,uBAAuB,GAAG,qBAAOD,eAAP,CAErC;AACF;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;AAAEtB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACiB,KAAN,CAAYG,OAAZ,CAAoBI,MAAO;AAClE;AACA;AACA,aAAa,CAAC;AAAExB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACiB,KAAN,CAAYG,OAAZ,CAAoBK,MAAO;AACvD;AACA,CAdO;;AAgBA,MAAMC,UAAU,GAAG,qBAAO,MAAP,CAAoC;AAC9D,WAAW,CAAC;AAAE1B,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAAC2B,IAAN,CAAWV,KAAX,CAAiBW,IAAK;AAChD,aAAa,CAAC;AAAE5B,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACE,OAAN,CAAcO,IAAK,MAAM;AACxD,CAHO;;AAKA,MAAMoB,wBAAwB,GAAG,qBAAO,KAAP,CAAmC;AAC3E,kBAAkB,CAAC;AAAE7B,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,OAAN,CAAcO,IAAK;AACpD;AACA;AACA;AACA,CALO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { SelectProps } from '../Select';\nimport { css } from '@emotion/react';\n\ntype InjectedProps = Partial<\n StyleProps &\n SelectProps<unknown, 'single' | 'multi'> & { lengthOptions: number }\n>;\n\nconst anchorBottom = ({\n theme,\n anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n anchor === 'bottom' &&\n css`\n margin-top: ${theme.spacing.centi};\n top: 100%;\n `;\n\nconst anchorTop = ({\n theme,\n anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n anchor === 'top' &&\n css`\n margin-bottom: ${theme.spacing.centi};\n bottom: 100%;\n `;\n\nexport const StyledContainerDropdown = styled('div')<InjectedProps>`\n width: 100%;\n background-color: ${({ theme }: StyleProps) =>\n theme.miscellaneous.surfaceColor};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0 2px 8px\n ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n position: absolute;\n padding-top: ${({\n theme,\n hideSearchBar,\n }: StyleProps & Partial<SelectProps<unknown, 'single' | 'multi'>>) =>\n !hideSearchBar ? `${theme.spacing.deca}` : '0px'};\n padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n ${anchorTop}\n ${anchorBottom}\n`;\n\nexport const OptionsContainer = styled('div')<InjectedProps>`\n max-height: 250px;\n top: 100%;\n overflow-y: ${({ lengthOptions = 0 }: InjectedProps) =>\n lengthOptions > 5 ? 'scroll' : 'hidden'};\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.centi};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.light};\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: ${({ theme }: StyleProps) => theme.color.primary.light};\n },\n`;\n\nexport const SearchBarContainer = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n`;\n\nexport const PaddedContainer = styled('div')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n`;\n\nexport const StyledContainerCheckAll = styled(PaddedContainer)<\n Partial<StyleProps>\n>`\n flex-direction: row;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n &:hover {\n background-color: ${({ theme }) => theme.color.primary.xlight};\n }\n &:hover span {\n color: ${({ theme }) => theme.color.primary.medium};\n }\n`;\n\nexport const StyledSpan = styled('span')<Partial<StyleProps>>`\n color: ${({ theme }) => theme.font.color.dark};\n padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n display: flex;\n overflow: hidden;\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"sources":["../../../../../src/components/molecules/Select/Dropdown/styled.ts"],"names":["anchorBottom","theme","anchor","spacing","centi","anchorTop","StyledContainerDropdown","miscellaneous","surfaceColor","borderRadius","mili","shadow","hideSearchBar","deca","zIndex","select","OptionsContainer","lengthOptions","color","secondary","light","primary","SearchBarContainer","PaddedContainer","StyledContainerCheckAll","xlight","medium","StyledSpan","font","dark","StyledContainerTextLabel"],"mappings":"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","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { SelectProps } from '../Select';\nimport { css } from '@emotion/react';\n\ntype InjectedProps = Partial<\n StyleProps &\n SelectProps<unknown, 'single' | 'multi'> & { lengthOptions: number }\n>;\n\nconst anchorBottom = ({\n theme,\n anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n anchor === 'bottom' &&\n css`\n margin-top: ${theme.spacing.centi};\n top: 100%;\n `;\n\nconst anchorTop = ({\n theme,\n anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n anchor === 'top' &&\n css`\n margin-bottom: ${theme.spacing.centi};\n bottom: 100%;\n `;\n\nexport const StyledContainerDropdown = styled('div')<InjectedProps>`\n width: 100%;\n background-color: ${({ theme }: StyleProps) =>\n theme.miscellaneous.surfaceColor};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0 2px 8px\n ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n position: absolute;\n padding-top: ${({\n theme,\n hideSearchBar,\n }: StyleProps & Partial<SelectProps<unknown, 'single' | 'multi'>>) =>\n !hideSearchBar ? `${theme.spacing.deca}` : '0px'};\n padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n ${anchorTop}\n ${anchorBottom}\n`;\n\nexport const OptionsContainer = styled('div')<InjectedProps>`\n max-height: 250px;\n top: 100%;\n overflow-y: ${({ lengthOptions = 0 }: InjectedProps) =>\n lengthOptions > 5 ? 'scroll' : 'hidden'};\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.centi};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.light};\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: ${({ theme }: StyleProps) => theme.color.primary.light};\n },\n`;\n\nexport const SearchBarContainer = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n`;\n\nexport const PaddedContainer = styled('div')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n`;\n\nexport const StyledContainerCheckAll = styled(PaddedContainer)<\n Partial<StyleProps>\n>`\n flex-direction: row;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n &:hover {\n background-color: ${({ theme }) => theme.color.primary.xlight};\n }\n &:hover span {\n color: ${({ theme }) => theme.color.primary.medium};\n }\n`;\n\nexport const StyledSpan = styled('span')<Partial<StyleProps>>`\n color: ${({ theme }) => theme.font.color.dark};\n padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n display: flex;\n overflow: hidden;\n`;\n"],"file":"styled.js"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tecsinapse/react-web-kit",
3
3
  "description": "TecSinapse React components",
4
- "version": "1.12.6",
4
+ "version": "1.12.7",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "license": "MIT",
@@ -14,7 +14,7 @@
14
14
  "@emotion/native": "^11.0.0",
15
15
  "@emotion/react": "^11.4.1",
16
16
  "@emotion/styled": "^11.3.0",
17
- "@tecsinapse/react-core": "^1.12.6",
17
+ "@tecsinapse/react-core": "^1.12.7",
18
18
  "@types/react-native": "^0.64.4",
19
19
  "react-native-vector-icons": "^8.1.0",
20
20
  "react-transition-group": "^4.4.2"
@@ -33,5 +33,5 @@
33
33
  "react-dom": ">=16.8.0",
34
34
  "react-native-web": "^0.17.1"
35
35
  },
36
- "gitHead": "5005537c38efef79cdd69a324563821e01e81f99"
36
+ "gitHead": "cdb61cb619e5098670792c47729e0aae373749fc"
37
37
  }
package/src/components/atoms/Modal/styled.ts CHANGED
@@ -13,5 +13,5 @@ export const ModalContainer = styled('div')<Partial<StyleProps>>`
13
13
  padding: ${({ theme }) => theme.spacing.kilo};
14
14
  display: flex;
15
15
  box-shadow: 0 2px 8px
16
- ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};
16
+ ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
17
17
  `;
package/src/components/atoms/Table/Container/styled.ts CHANGED
@@ -5,6 +5,6 @@ export const TContainer = styled('div')<Partial<StyleProps>>`
5
5
  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
6
6
  border-radius: ${({ theme }) => theme.borderRadius.mili};
7
7
  box-shadow: 0 2px 8px
8
- ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};
8
+ ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
9
9
  padding: ${({ theme }) => `${theme.spacing.deca} 0`};
10
10
  `;
package/src/components/atoms/Table/Row/styled.ts CHANGED
@@ -3,6 +3,6 @@ import { hex2rgba, StyleProps } from '@tecsinapse/react-core';
3
3
 
4
4
  export const TRow = styled('tr')<Partial<StyleProps>>`
5
5
  box-shadow: 0 2px 8px
6
- ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};
6
+ ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
7
7
  border-radius: ${({ theme }) => theme.borderRadius.mili};
8
8
  `;
package/src/components/molecules/Breadcrumbs/styled.ts CHANGED
@@ -9,5 +9,5 @@ export const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`
9
9
  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};
10
10
  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};
11
11
  box-shadow: 0px 2px 8px
12
- ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};
12
+ ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
13
13
  `;
package/src/components/molecules/Menubar/MenuBlock/styled.ts CHANGED
@@ -16,7 +16,7 @@ export const StyledContainerMenu = styled('div')<Partial<StyleProps>>`
16
16
  border-bottom: ${({ theme }) =>
17
17
  `${theme.borderWidth.pico} solid ${hex2rgba(
18
18
  theme.miscellaneous.shadow,
19
- 0.08
19
+ 0.05
20
20
  )}`};
21
21
  width: 100%;
22
22
  padding-bottom: ${({ theme }) => theme.spacing.mili};
package/src/components/molecules/Menubar/SearchResultItem/styled.ts CHANGED
@@ -9,7 +9,7 @@ export const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`
9
9
  border-top: ${({ theme }) =>
10
10
  `${theme.borderWidth.pico} solid ${hex2rgba(
11
11
  theme.miscellaneous.shadow,
12
- 0.08
12
+ 0.05
13
13
  )}`};
14
14
  `;
15
15
 
package/src/components/molecules/Menubar/styled.ts CHANGED
@@ -20,7 +20,7 @@ export const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`
20
20
  align-items: center;
21
21
  padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};
22
22
  box-shadow: 0px 2px 8px ${({ theme }) =>
23
- hex2rgba(theme.miscellaneous.shadow, 0.08)};
23
+ hex2rgba(theme.miscellaneous.shadow, 0.05)};
24
24
  `;
25
25
 
26
26
  export const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`
@@ -38,13 +38,13 @@ export const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`
38
38
  border-top: ${({ theme }) =>
39
39
  `${theme.borderWidth.pico} solid ${hex2rgba(
40
40
  theme.miscellaneous.shadow,
41
- 0.08
41
+ 0.05
42
42
  )}`};
43
43
  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
44
44
  border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili};
45
45
  border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};
46
46
  box-shadow: 0px 2px 8px ${({ theme }) =>
47
- hex2rgba(theme.miscellaneous.shadow, 0.08)};
47
+ hex2rgba(theme.miscellaneous.shadow, 0.05)};
48
48
  padding-right: 8vw;
49
49
  padding-left: 8vw;
50
50
  padding-top: ${({ theme }) => theme.spacing.kilo};
package/src/components/molecules/Select/Dropdown/styled.ts CHANGED
@@ -34,7 +34,7 @@ export const StyledContainerDropdown = styled('div')<InjectedProps>`
34
34
  theme.miscellaneous.surfaceColor};
35
35
  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};
36
36
  box-shadow: 0 2px 8px
37
- ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.08)};
37
+ ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
38
38
  position: absolute;
39
39
  padding-top: ${({
40
40
  theme,