@vitus-labs/coolgrid 1.0.0-alpha.1 → 1.0.0-alpha.3

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 (16) hide show
  1. package/lib/analysis/vitus-labs-coolgrid.module.js.html +1 -1
  2. package/lib/analysis/vitus-labs-coolgrid.native.js.html +1 -1
  3. package/lib/index.d.ts +3 -3
  4. package/lib/types/Col/styled.d.ts +1 -3
  5. package/lib/types/Col/styled.d.ts.map +1 -1
  6. package/lib/types/Container/styled.d.ts +1 -3
  7. package/lib/types/Container/styled.d.ts.map +1 -1
  8. package/lib/types/Row/styled.d.ts +1 -3
  9. package/lib/types/Row/styled.d.ts.map +1 -1
  10. package/lib/types/types.d.ts +7 -5
  11. package/lib/types/types.d.ts.map +1 -1
  12. package/lib/vitus-labs-coolgrid.module.js +31 -28
  13. package/lib/vitus-labs-coolgrid.module.js.map +1 -1
  14. package/lib/vitus-labs-coolgrid.native.js +22 -19
  15. package/lib/vitus-labs-coolgrid.native.js.map +1 -1
  16. package/package.json +8 -8
package/lib/analysis/vitus-labs-coolgrid.module.js.html CHANGED
@@ -5285,7 +5285,7 @@ var drawChart = (function (exports) {
5285
5285
  </script>
5286
5286
  <script>
5287
5287
  /*<!--*/
5288
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.module.js","children":[{"name":"src","children":[{"uid":"538b-1","name":"constants.ts"},{"uid":"538b-3","name":"utils.ts"},{"name":"context","children":[{"uid":"538b-5","name":"ContainerContext.ts"},{"uid":"538b-13","name":"RowContext.ts"}]},{"uid":"538b-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"538b-9","name":"styled.ts"},{"uid":"538b-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"538b-15","name":"styled.ts"},{"uid":"538b-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"538b-19","name":"styled.ts"},{"uid":"538b-21","name":"component.tsx"}]},{"uid":"538b-23","name":"theme.ts"},{"uid":"538b-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"538b-1":{"renderedLength":313,"gzipLength":212,"brotliLength":0,"metaUid":"538b-0"},"538b-3":{"renderedLength":253,"gzipLength":166,"brotliLength":0,"metaUid":"538b-2"},"538b-5":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"538b-4"},"538b-7":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"538b-6"},"538b-9":{"renderedLength":455,"gzipLength":294,"brotliLength":0,"metaUid":"538b-8"},"538b-11":{"renderedLength":1072,"gzipLength":523,"brotliLength":0,"metaUid":"538b-10"},"538b-13":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"538b-12"},"538b-15":{"renderedLength":1132,"gzipLength":545,"brotliLength":0,"metaUid":"538b-14"},"538b-17":{"renderedLength":1310,"gzipLength":557,"brotliLength":0,"metaUid":"538b-16"},"538b-19":{"renderedLength":1842,"gzipLength":740,"brotliLength":0,"metaUid":"538b-18"},"538b-21":{"renderedLength":1042,"gzipLength":483,"brotliLength":0,"metaUid":"538b-20"},"538b-23":{"renderedLength":325,"gzipLength":174,"brotliLength":0,"metaUid":"538b-22"},"538b-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"538b-24"}},"nodeMetas":{"538b-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-1"},"imported":[],"importedBy":[{"uid":"538b-10"},{"uid":"538b-16"},{"uid":"538b-20"},{"uid":"538b-2"},{"uid":"538b-6"}]},"538b-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-3"},"imported":[{"uid":"538b-32"},{"uid":"538b-0"}],"importedBy":[{"uid":"538b-10"},{"uid":"538b-16"},{"uid":"538b-20"},{"uid":"538b-14"},{"uid":"538b-18"}]},"538b-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-5"},"imported":[{"uid":"538b-30"}],"importedBy":[{"uid":"538b-10"},{"uid":"538b-31"}]},"538b-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-7"},"imported":[{"uid":"538b-30"},{"uid":"538b-32"},{"uid":"538b-26"},{"uid":"538b-0"}],"importedBy":[{"uid":"538b-10"},{"uid":"538b-16"},{"uid":"538b-20"}]},"538b-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-9"},"imported":[{"uid":"538b-32"},{"uid":"538b-26"}],"importedBy":[{"uid":"538b-10"}]},"538b-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-11"},"imported":[{"uid":"538b-30"},{"uid":"538b-0"},{"uid":"538b-2"},{"uid":"538b-4"},{"uid":"538b-6"},{"uid":"538b-8"}],"importedBy":[{"uid":"538b-27"}]},"538b-12":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-13"},"imported":[{"uid":"538b-30"}],"importedBy":[{"uid":"538b-31"}]},"538b-14":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-15"},"imported":[{"uid":"538b-32"},{"uid":"538b-26"},{"uid":"538b-2"}],"importedBy":[{"uid":"538b-16"}]},"538b-16":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-17"},"imported":[{"uid":"538b-30"},{"uid":"538b-0"},{"uid":"538b-2"},{"uid":"538b-6"},{"uid":"538b-31"},{"uid":"538b-14"}],"importedBy":[{"uid":"538b-28"}]},"538b-18":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-19"},"imported":[{"uid":"538b-32"},{"uid":"538b-26"},{"uid":"538b-2"}],"importedBy":[{"uid":"538b-20"}]},"538b-20":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-21"},"imported":[{"uid":"538b-30"},{"uid":"538b-0"},{"uid":"538b-2"},{"uid":"538b-6"},{"uid":"538b-31"},{"uid":"538b-18"}],"importedBy":[{"uid":"538b-29"}]},"538b-22":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-23"},"imported":[],"importedBy":[{"uid":"538b-24"}]},"538b-24":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"538b-25"},"imported":[{"uid":"538b-26"},{"uid":"538b-27"},{"uid":"538b-28"},{"uid":"538b-29"},{"uid":"538b-22"}],"importedBy":[],"isEntry":true},"538b-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"538b-24"},{"uid":"538b-6"},{"uid":"538b-8"},{"uid":"538b-14"},{"uid":"538b-18"}],"isExternal":true},"538b-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"538b-10"}],"importedBy":[{"uid":"538b-24"}]},"538b-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"538b-16"}],"importedBy":[{"uid":"538b-24"}]},"538b-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"538b-20"}],"importedBy":[{"uid":"538b-24"}]},"538b-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"538b-10"},{"uid":"538b-16"},{"uid":"538b-20"},{"uid":"538b-4"},{"uid":"538b-6"},{"uid":"538b-12"}],"isExternal":true},"538b-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"538b-4"},{"uid":"538b-12"}],"importedBy":[{"uid":"538b-16"},{"uid":"538b-20"}]},"538b-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"538b-2"},{"uid":"538b-6"},{"uid":"538b-8"},{"uid":"538b-14"},{"uid":"538b-18"}],"isExternal":true}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
5288
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.module.js","children":[{"name":"src","children":[{"uid":"3b20-1","name":"constants.ts"},{"uid":"3b20-3","name":"utils.ts"},{"name":"context","children":[{"uid":"3b20-5","name":"ContainerContext.ts"},{"uid":"3b20-13","name":"RowContext.ts"}]},{"uid":"3b20-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"3b20-9","name":"styled.ts"},{"uid":"3b20-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"3b20-15","name":"styled.ts"},{"uid":"3b20-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"3b20-19","name":"styled.ts"},{"uid":"3b20-21","name":"component.tsx"}]},{"uid":"3b20-23","name":"theme.ts"},{"uid":"3b20-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"3b20-1":{"renderedLength":313,"gzipLength":212,"brotliLength":0,"metaUid":"3b20-0"},"3b20-3":{"renderedLength":253,"gzipLength":166,"brotliLength":0,"metaUid":"3b20-2"},"3b20-5":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"3b20-4"},"3b20-7":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"3b20-6"},"3b20-9":{"renderedLength":504,"gzipLength":312,"brotliLength":0,"metaUid":"3b20-8"},"3b20-11":{"renderedLength":1072,"gzipLength":523,"brotliLength":0,"metaUid":"3b20-10"},"3b20-13":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"3b20-12"},"3b20-15":{"renderedLength":1171,"gzipLength":560,"brotliLength":0,"metaUid":"3b20-14"},"3b20-17":{"renderedLength":1310,"gzipLength":557,"brotliLength":0,"metaUid":"3b20-16"},"3b20-19":{"renderedLength":1820,"gzipLength":748,"brotliLength":0,"metaUid":"3b20-18"},"3b20-21":{"renderedLength":1042,"gzipLength":483,"brotliLength":0,"metaUid":"3b20-20"},"3b20-23":{"renderedLength":325,"gzipLength":174,"brotliLength":0,"metaUid":"3b20-22"},"3b20-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"3b20-24"}},"nodeMetas":{"3b20-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-1"},"imported":[],"importedBy":[{"uid":"3b20-10"},{"uid":"3b20-16"},{"uid":"3b20-20"},{"uid":"3b20-2"},{"uid":"3b20-6"}]},"3b20-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-3"},"imported":[{"uid":"3b20-32"},{"uid":"3b20-0"}],"importedBy":[{"uid":"3b20-10"},{"uid":"3b20-16"},{"uid":"3b20-20"},{"uid":"3b20-14"},{"uid":"3b20-18"}]},"3b20-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-5"},"imported":[{"uid":"3b20-30"}],"importedBy":[{"uid":"3b20-10"},{"uid":"3b20-31"}]},"3b20-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-7"},"imported":[{"uid":"3b20-30"},{"uid":"3b20-32"},{"uid":"3b20-26"},{"uid":"3b20-0"}],"importedBy":[{"uid":"3b20-10"},{"uid":"3b20-16"},{"uid":"3b20-20"}]},"3b20-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-9"},"imported":[{"uid":"3b20-32"},{"uid":"3b20-26"}],"importedBy":[{"uid":"3b20-10"}]},"3b20-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-11"},"imported":[{"uid":"3b20-30"},{"uid":"3b20-0"},{"uid":"3b20-2"},{"uid":"3b20-4"},{"uid":"3b20-6"},{"uid":"3b20-8"}],"importedBy":[{"uid":"3b20-27"}]},"3b20-12":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-13"},"imported":[{"uid":"3b20-30"}],"importedBy":[{"uid":"3b20-31"}]},"3b20-14":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-15"},"imported":[{"uid":"3b20-32"},{"uid":"3b20-26"},{"uid":"3b20-2"}],"importedBy":[{"uid":"3b20-16"}]},"3b20-16":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-17"},"imported":[{"uid":"3b20-30"},{"uid":"3b20-0"},{"uid":"3b20-2"},{"uid":"3b20-6"},{"uid":"3b20-31"},{"uid":"3b20-14"}],"importedBy":[{"uid":"3b20-28"}]},"3b20-18":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-19"},"imported":[{"uid":"3b20-32"},{"uid":"3b20-26"},{"uid":"3b20-2"}],"importedBy":[{"uid":"3b20-20"}]},"3b20-20":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-21"},"imported":[{"uid":"3b20-30"},{"uid":"3b20-0"},{"uid":"3b20-2"},{"uid":"3b20-6"},{"uid":"3b20-31"},{"uid":"3b20-18"}],"importedBy":[{"uid":"3b20-29"}]},"3b20-22":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-23"},"imported":[],"importedBy":[{"uid":"3b20-24"}]},"3b20-24":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"3b20-25"},"imported":[{"uid":"3b20-26"},{"uid":"3b20-27"},{"uid":"3b20-28"},{"uid":"3b20-29"},{"uid":"3b20-22"}],"importedBy":[],"isEntry":true},"3b20-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"3b20-24"},{"uid":"3b20-6"},{"uid":"3b20-8"},{"uid":"3b20-14"},{"uid":"3b20-18"}],"isExternal":true},"3b20-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"3b20-10"}],"importedBy":[{"uid":"3b20-24"}]},"3b20-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"3b20-16"}],"importedBy":[{"uid":"3b20-24"}]},"3b20-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"3b20-20"}],"importedBy":[{"uid":"3b20-24"}]},"3b20-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"3b20-10"},{"uid":"3b20-16"},{"uid":"3b20-20"},{"uid":"3b20-4"},{"uid":"3b20-6"},{"uid":"3b20-12"}],"isExternal":true},"3b20-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"3b20-4"},{"uid":"3b20-12"}],"importedBy":[{"uid":"3b20-16"},{"uid":"3b20-20"}]},"3b20-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"3b20-2"},{"uid":"3b20-6"},{"uid":"3b20-8"},{"uid":"3b20-14"},{"uid":"3b20-18"}],"isExternal":true}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
5289
5289
 
5290
5290
  const run = () => {
5291
5291
  const width = window.innerWidth;
package/lib/analysis/vitus-labs-coolgrid.native.js.html CHANGED
@@ -5285,7 +5285,7 @@ var drawChart = (function (exports) {
5285
5285
  </script>
5286
5286
  <script>
5287
5287
  /*<!--*/
5288
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.native.js","children":[{"name":"src","children":[{"uid":"538b-34","name":"constants.ts"},{"uid":"538b-36","name":"utils.ts"},{"name":"context","children":[{"uid":"538b-38","name":"ContainerContext.ts"},{"uid":"538b-46","name":"RowContext.ts"}]},{"uid":"538b-40","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"538b-42","name":"styled.ts"},{"uid":"538b-44","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"538b-48","name":"styled.ts"},{"uid":"538b-50","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"538b-52","name":"styled.ts"},{"uid":"538b-54","name":"component.tsx"}]},{"uid":"538b-56","name":"theme.ts"},{"uid":"538b-58","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"538b-34":{"renderedLength":313,"gzipLength":212,"brotliLength":0,"metaUid":"538b-33"},"538b-36":{"renderedLength":253,"gzipLength":166,"brotliLength":0,"metaUid":"538b-35"},"538b-38":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"538b-37"},"538b-40":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"538b-39"},"538b-42":{"renderedLength":413,"gzipLength":278,"brotliLength":0,"metaUid":"538b-41"},"538b-44":{"renderedLength":1072,"gzipLength":523,"brotliLength":0,"metaUid":"538b-43"},"538b-46":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"538b-45"},"538b-48":{"renderedLength":1090,"gzipLength":530,"brotliLength":0,"metaUid":"538b-47"},"538b-50":{"renderedLength":1310,"gzipLength":557,"brotliLength":0,"metaUid":"538b-49"},"538b-52":{"renderedLength":1769,"gzipLength":708,"brotliLength":0,"metaUid":"538b-51"},"538b-54":{"renderedLength":1042,"gzipLength":483,"brotliLength":0,"metaUid":"538b-53"},"538b-56":{"renderedLength":325,"gzipLength":174,"brotliLength":0,"metaUid":"538b-55"},"538b-58":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"538b-57"}},"nodeMetas":{"538b-33":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-34"},"imported":[],"importedBy":[{"uid":"538b-43"},{"uid":"538b-49"},{"uid":"538b-53"},{"uid":"538b-35"},{"uid":"538b-39"}]},"538b-35":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-36"},"imported":[{"uid":"538b-65"},{"uid":"538b-33"}],"importedBy":[{"uid":"538b-43"},{"uid":"538b-49"},{"uid":"538b-53"},{"uid":"538b-47"},{"uid":"538b-51"}]},"538b-37":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-38"},"imported":[{"uid":"538b-63"}],"importedBy":[{"uid":"538b-43"},{"uid":"538b-64"}]},"538b-39":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-40"},"imported":[{"uid":"538b-63"},{"uid":"538b-65"},{"uid":"538b-59"},{"uid":"538b-33"}],"importedBy":[{"uid":"538b-43"},{"uid":"538b-49"},{"uid":"538b-53"}]},"538b-41":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-42"},"imported":[{"uid":"538b-65"},{"uid":"538b-59"}],"importedBy":[{"uid":"538b-43"}]},"538b-43":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-44"},"imported":[{"uid":"538b-63"},{"uid":"538b-33"},{"uid":"538b-35"},{"uid":"538b-37"},{"uid":"538b-39"},{"uid":"538b-41"}],"importedBy":[{"uid":"538b-60"}]},"538b-45":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-46"},"imported":[{"uid":"538b-63"}],"importedBy":[{"uid":"538b-64"}]},"538b-47":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-48"},"imported":[{"uid":"538b-65"},{"uid":"538b-59"},{"uid":"538b-35"}],"importedBy":[{"uid":"538b-49"}]},"538b-49":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-50"},"imported":[{"uid":"538b-63"},{"uid":"538b-33"},{"uid":"538b-35"},{"uid":"538b-39"},{"uid":"538b-64"},{"uid":"538b-47"}],"importedBy":[{"uid":"538b-61"}]},"538b-51":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-52"},"imported":[{"uid":"538b-65"},{"uid":"538b-59"},{"uid":"538b-35"}],"importedBy":[{"uid":"538b-53"}]},"538b-53":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-54"},"imported":[{"uid":"538b-63"},{"uid":"538b-33"},{"uid":"538b-35"},{"uid":"538b-39"},{"uid":"538b-64"},{"uid":"538b-51"}],"importedBy":[{"uid":"538b-62"}]},"538b-55":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-56"},"imported":[],"importedBy":[{"uid":"538b-57"}]},"538b-57":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"538b-58"},"imported":[{"uid":"538b-59"},{"uid":"538b-60"},{"uid":"538b-61"},{"uid":"538b-62"},{"uid":"538b-55"}],"importedBy":[],"isEntry":true},"538b-59":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"538b-57"},{"uid":"538b-39"},{"uid":"538b-41"},{"uid":"538b-47"},{"uid":"538b-51"}],"isExternal":true},"538b-60":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"538b-43"}],"importedBy":[{"uid":"538b-57"}]},"538b-61":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"538b-49"}],"importedBy":[{"uid":"538b-57"}]},"538b-62":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"538b-53"}],"importedBy":[{"uid":"538b-57"}]},"538b-63":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"538b-43"},{"uid":"538b-49"},{"uid":"538b-53"},{"uid":"538b-37"},{"uid":"538b-39"},{"uid":"538b-45"}],"isExternal":true},"538b-64":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"538b-37"},{"uid":"538b-45"}],"importedBy":[{"uid":"538b-49"},{"uid":"538b-53"}]},"538b-65":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"538b-35"},{"uid":"538b-39"},{"uid":"538b-41"},{"uid":"538b-47"},{"uid":"538b-51"}],"isExternal":true}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
5288
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.native.js","children":[{"name":"src","children":[{"uid":"3b20-34","name":"constants.ts"},{"uid":"3b20-36","name":"utils.ts"},{"name":"context","children":[{"uid":"3b20-38","name":"ContainerContext.ts"},{"uid":"3b20-46","name":"RowContext.ts"}]},{"uid":"3b20-40","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"3b20-42","name":"styled.ts"},{"uid":"3b20-44","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"3b20-48","name":"styled.ts"},{"uid":"3b20-50","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"3b20-52","name":"styled.ts"},{"uid":"3b20-54","name":"component.tsx"}]},{"uid":"3b20-56","name":"theme.ts"},{"uid":"3b20-58","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"3b20-34":{"renderedLength":313,"gzipLength":212,"brotliLength":0,"metaUid":"3b20-33"},"3b20-36":{"renderedLength":253,"gzipLength":166,"brotliLength":0,"metaUid":"3b20-35"},"3b20-38":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"3b20-37"},"3b20-40":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"3b20-39"},"3b20-42":{"renderedLength":471,"gzipLength":296,"brotliLength":0,"metaUid":"3b20-41"},"3b20-44":{"renderedLength":1072,"gzipLength":523,"brotliLength":0,"metaUid":"3b20-43"},"3b20-46":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"3b20-45"},"3b20-48":{"renderedLength":1138,"gzipLength":546,"brotliLength":0,"metaUid":"3b20-47"},"3b20-50":{"renderedLength":1310,"gzipLength":557,"brotliLength":0,"metaUid":"3b20-49"},"3b20-52":{"renderedLength":1758,"gzipLength":719,"brotliLength":0,"metaUid":"3b20-51"},"3b20-54":{"renderedLength":1042,"gzipLength":483,"brotliLength":0,"metaUid":"3b20-53"},"3b20-56":{"renderedLength":325,"gzipLength":174,"brotliLength":0,"metaUid":"3b20-55"},"3b20-58":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"3b20-57"}},"nodeMetas":{"3b20-33":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-34"},"imported":[],"importedBy":[{"uid":"3b20-43"},{"uid":"3b20-49"},{"uid":"3b20-53"},{"uid":"3b20-35"},{"uid":"3b20-39"}]},"3b20-35":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-36"},"imported":[{"uid":"3b20-65"},{"uid":"3b20-33"}],"importedBy":[{"uid":"3b20-43"},{"uid":"3b20-49"},{"uid":"3b20-53"},{"uid":"3b20-47"},{"uid":"3b20-51"}]},"3b20-37":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-38"},"imported":[{"uid":"3b20-63"}],"importedBy":[{"uid":"3b20-43"},{"uid":"3b20-64"}]},"3b20-39":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-40"},"imported":[{"uid":"3b20-63"},{"uid":"3b20-65"},{"uid":"3b20-59"},{"uid":"3b20-33"}],"importedBy":[{"uid":"3b20-43"},{"uid":"3b20-49"},{"uid":"3b20-53"}]},"3b20-41":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-42"},"imported":[{"uid":"3b20-65"},{"uid":"3b20-59"}],"importedBy":[{"uid":"3b20-43"}]},"3b20-43":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-44"},"imported":[{"uid":"3b20-63"},{"uid":"3b20-33"},{"uid":"3b20-35"},{"uid":"3b20-37"},{"uid":"3b20-39"},{"uid":"3b20-41"}],"importedBy":[{"uid":"3b20-60"}]},"3b20-45":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-46"},"imported":[{"uid":"3b20-63"}],"importedBy":[{"uid":"3b20-64"}]},"3b20-47":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-48"},"imported":[{"uid":"3b20-65"},{"uid":"3b20-59"},{"uid":"3b20-35"}],"importedBy":[{"uid":"3b20-49"}]},"3b20-49":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-50"},"imported":[{"uid":"3b20-63"},{"uid":"3b20-33"},{"uid":"3b20-35"},{"uid":"3b20-39"},{"uid":"3b20-64"},{"uid":"3b20-47"}],"importedBy":[{"uid":"3b20-61"}]},"3b20-51":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-52"},"imported":[{"uid":"3b20-65"},{"uid":"3b20-59"},{"uid":"3b20-35"}],"importedBy":[{"uid":"3b20-53"}]},"3b20-53":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-54"},"imported":[{"uid":"3b20-63"},{"uid":"3b20-33"},{"uid":"3b20-35"},{"uid":"3b20-39"},{"uid":"3b20-64"},{"uid":"3b20-51"}],"importedBy":[{"uid":"3b20-62"}]},"3b20-55":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-56"},"imported":[],"importedBy":[{"uid":"3b20-57"}]},"3b20-57":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"3b20-58"},"imported":[{"uid":"3b20-59"},{"uid":"3b20-60"},{"uid":"3b20-61"},{"uid":"3b20-62"},{"uid":"3b20-55"}],"importedBy":[],"isEntry":true},"3b20-59":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"3b20-57"},{"uid":"3b20-39"},{"uid":"3b20-41"},{"uid":"3b20-47"},{"uid":"3b20-51"}],"isExternal":true},"3b20-60":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"3b20-43"}],"importedBy":[{"uid":"3b20-57"}]},"3b20-61":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"3b20-49"}],"importedBy":[{"uid":"3b20-57"}]},"3b20-62":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"3b20-53"}],"importedBy":[{"uid":"3b20-57"}]},"3b20-63":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"3b20-43"},{"uid":"3b20-49"},{"uid":"3b20-53"},{"uid":"3b20-37"},{"uid":"3b20-39"},{"uid":"3b20-45"}],"isExternal":true},"3b20-64":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"3b20-37"},{"uid":"3b20-45"}],"importedBy":[{"uid":"3b20-49"},{"uid":"3b20-53"}]},"3b20-65":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"3b20-35"},{"uid":"3b20-39"},{"uid":"3b20-41"},{"uid":"3b20-47"},{"uid":"3b20-51"}],"isExternal":true}},"env":{"rollup":"3.26.3"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
5289
5289
 
5290
5290
  const run = () => {
5291
5291
  const width = window.innerWidth;
package/lib/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BreakpointKeys } from '@vitus-labs/core';
1
+ import type { BreakpointKeys } from '@vitus-labs/core';
2
2
  import { ComponentType } from 'react';
3
3
  import { extendCss } from '@vitus-labs/unistyle';
4
4
  import { FC } from 'react';
@@ -44,11 +44,11 @@ declare type ContainerWidth = CreateValueType<Value>;
44
44
 
45
45
  declare type ContentAlignX = 'center' | 'left' | 'right' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
46
46
 
47
- declare type CreateValueType<T> = T | Array<T> | Partial<Record<BreakpointKeys, T>>;
47
+ declare type CreateValueType<T> = T | T[] | Partial<Record<BreakpointKeys, T>>;
48
48
 
49
49
  declare type Css = Parameters<typeof extendCss>[0];
50
50
 
51
- declare type ElementType<O extends Array<string>> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
51
+ declare type ElementType<O extends string[]> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
52
52
  children?: ReactNode;
53
53
  }> & {
54
54
  pkgName: string;
package/lib/types/Col/styled.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- declare const _default: import("styled-components").IStyledComponent<"web", {
2
- [x: string]: any;
3
- }>;
1
+ declare const _default: import("styled-components").IStyledComponent<"web", any>;
4
2
  export default _default;
5
3
  //# sourceMappingURL=styled.d.ts.map
package/lib/types/Col/styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Col/styled.ts"],"names":[],"mappings":";;;AAiGA,wBAqBC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Col/styled.ts"],"names":[],"mappings":";AAmGA,wBAmBC"}
package/lib/types/Container/styled.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- declare const _default: import("styled-components").IStyledComponent<"web", {
2
- [x: string]: any;
3
- }>;
1
+ declare const _default: import("styled-components").IStyledComponent<"web", any>;
4
2
  export default _default;
5
3
  //# sourceMappingURL=styled.d.ts.map
package/lib/types/Container/styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Container/styled.ts"],"names":[],"mappings":";;;AAgBA,wBAoBC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Container/styled.ts"],"names":[],"mappings":";AAkBA,wBAkBC"}
package/lib/types/Row/styled.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- declare const _default: import("styled-components").IStyledComponent<"web", {
2
- [x: string]: any;
3
- }>;
1
+ declare const _default: import("styled-components").IStyledComponent<"web", any>;
4
2
  export default _default;
5
3
  //# sourceMappingURL=styled.d.ts.map
package/lib/types/Row/styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Row/styled.ts"],"names":[],"mappings":";;;AAkDA,wBAmBC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/Row/styled.ts"],"names":[],"mappings":";AAoDA,wBAiBC"}
package/lib/types/types.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  import { FC, ReactNode, ComponentType } from 'react';
2
- import { config, BreakpointKeys } from '@vitus-labs/core';
3
- import { extendCss, AlignContentAlignXKeys } from '@vitus-labs/unistyle';
4
- type CreateValueType<T> = T | Array<T> | Partial<Record<BreakpointKeys, T>>;
2
+ import { config } from '@vitus-labs/core';
3
+ import { extendCss } from '@vitus-labs/unistyle';
4
+ import type { BreakpointKeys } from '@vitus-labs/core';
5
+ import type { AlignContentAlignXKeys } from '@vitus-labs/unistyle';
6
+ type CreateValueType<T> = T | T[] | Partial<Record<BreakpointKeys, T>>;
5
7
  export type Obj = Record<string, unknown>;
6
8
  export type Value = string | number;
7
9
  export type Css = Parameters<typeof extendCss>[0];
8
10
  export type ExtraStyles = CreateValueType<Css>;
9
- export type CssOutput = ReturnType<typeof config.css> | string | any;
11
+ export type CssOutput = ReturnType<typeof config.css> | string;
10
12
  export type ValueType = CreateValueType<number>;
11
13
  export type ContainerWidth = CreateValueType<Value>;
12
14
  export type ContentAlignX = 'center' | 'left' | 'right' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
@@ -39,7 +41,7 @@ export type StyledTypes = Partial<{
39
41
  contentAlignX: AlignContentAlignXKeys;
40
42
  width: Value;
41
43
  }>;
42
- export type ElementType<O extends Array<string>> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
44
+ export type ElementType<O extends string[]> = FC<Omit<ComponentProps, O[number]> & Record<string, unknown> & {
43
45
  children?: ReactNode;
44
46
  }> & {
45
47
  pkgName: string;
package/lib/types/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAExE,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAA;AAE3E,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACzC,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AACnC,MAAM,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;AACjD,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,GAAG,CAAA;AAEpE,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;AAC/C,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;AAEnD,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,aAAa,CAAA;AAEjB,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,GAAG,EAAE,SAAS,CAAA;IACd,MAAM,EAAE,SAAS,CAAA;IACjB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,YAAY,EAAE,aAAa,CAAA;IAC3B,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,EAAE,cAAc,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,cAAc,CAAC,CAAA;CAC1E,CAAC,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,OAAO,CAAC;IACN,SAAS,EAAE,aAAa,CAAA;IACxB,GAAG,EAAE,WAAW,CAAA;CACjB,CAAC,CAAA;AAEJ,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,GAAG,CAAA;IAChB,aAAa,EAAE,GAAG,CAAA;IAClB,aAAa,EAAE,sBAAsB,CAAA;IACrC,KAAK,EAAE,KAAK,CAAA;CACb,CAAC,CAAA;AAQF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CACnD,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CACrD,GAAG;IACF,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAElE,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAA;AAEtE,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACzC,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AACnC,MAAM,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;AACjD,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;AAE9D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;AAC/C,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;AAEnD,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,aAAa,CAAA;AAEjB,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,GAAG,EAAE,SAAS,CAAA;IACd,MAAM,EAAE,SAAS,CAAA;IACjB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,YAAY,EAAE,aAAa,CAAA;IAC3B,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,EAAE,cAAc,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,cAAc,CAAC,CAAA;CAC1E,CAAC,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,OAAO,CAAC;IACN,SAAS,EAAE,aAAa,CAAA;IACxB,GAAG,EAAE,WAAW,CAAA;CACjB,CAAC,CAAA;AAEJ,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,GAAG,CAAA;IAChB,aAAa,EAAE,GAAG,CAAA;IAClB,aAAa,EAAE,sBAAsB,CAAA;IACrC,KAAK,EAAE,KAAK,CAAA;CACb,CAAC,CAAA;AAQF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAC9C,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CACrD,GAAG;IACF,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA"}
package/lib/vitus-labs-coolgrid.module.js CHANGED
@@ -43,14 +43,15 @@ const useGridContext = (props) => {
43
43
  return { ...gridContext, ...ctxProps };
44
44
  };
45
45
 
46
+ const { styled: styled$2, css: css$2, component: component$2 } = config;
46
47
  const styles$2 = ({ theme: t, css, rootSize }) => css `
47
48
  max-width: ${value(t.width, rootSize)};
48
49
  ${extendCss(t.extraStyles)};
49
50
  `;
50
- var Styled$2 = config.styled(config.component) `
51
- ${config.css `
52
- box-sizing: border-box;
53
- `};
51
+ var Styled$2 = styled$2(component$2) `
52
+ ${css$2 `
53
+ box-sizing: border-box;
54
+ `};
54
55
 
55
56
  display: flex;
56
57
  width: 100%;
@@ -61,7 +62,7 @@ var Styled$2 = config.styled(config.component) `
61
62
  ${makeItResponsive({
62
63
  key: '$coolgrid',
63
64
  styles: styles$2,
64
- css: config.css,
65
+ css: css$2,
65
66
  normalize: true,
66
67
  })};
67
68
  `;
@@ -98,20 +99,21 @@ Component$2.VITUS_LABS__COMPONENT = name$2;
98
99
  var RowContext = createContext({});
99
100
 
100
101
  /* eslint-disable @typescript-eslint/no-non-null-assertion */
102
+ const { styled: styled$1, css: css$1, component: component$1 } = config;
101
103
  const spacingStyles$1 = ({ gap, gutter }, { rootSize }) => {
102
104
  if (!isNumber(gap))
103
105
  return '';
104
106
  const getValue = (param) => value(param, rootSize);
105
107
  const spacingX = (gap / 2) * -1;
106
108
  const spacingY = isNumber(gutter) ? gutter - gap / 2 : gap / 2;
107
- return config.css `
109
+ return css$1 `
108
110
  margin: ${getValue(spacingY)} ${getValue(spacingX)};
109
111
  `;
110
112
  };
111
113
  const contentAlign = (align) => {
112
114
  if (!align)
113
115
  return '';
114
- return config.css `
116
+ return css$1 `
115
117
  justify-content: ${ALIGN_CONTENT_MAP_X[align]};
116
118
  `;
117
119
  };
@@ -123,10 +125,10 @@ const styles$1 = ({ theme, css, rootSize }) => {
123
125
  ${extendCss(extraStyles)};
124
126
  `;
125
127
  };
126
- var Styled$1 = config.styled(config.component) `
127
- ${config.css `
128
- box-sizing: border-box;
129
- `};
128
+ var Styled$1 = styled$1(component$1) `
129
+ ${css$1 `
130
+ box-sizing: border-box;
131
+ `};
130
132
 
131
133
  display: flex;
132
134
  flex-wrap: wrap;
@@ -136,7 +138,7 @@ var Styled$1 = config.styled(config.component) `
136
138
  ${makeItResponsive({
137
139
  key: '$coolgrid',
138
140
  styles: styles$1,
139
- css: config.css,
141
+ css: css$1,
140
142
  normalize: true,
141
143
  })};
142
144
  `;
@@ -171,6 +173,7 @@ Component$1.pkgName = PKG_NAME;
171
173
  Component$1.VITUS_LABS__COMPONENT = name$1;
172
174
 
173
175
  /* eslint-disable @typescript-eslint/no-non-null-assertion */
176
+ const { styled, css, component } = config;
174
177
  const hasWidth = (size, columns) => hasValue(size) && hasValue(columns);
175
178
  const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
176
179
  if (!hasWidth(size, columns)) {
@@ -185,21 +188,21 @@ const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
185
188
  ? `calc(${width}% - ${gap}px)`
186
189
  : `${width}%`
187
190
  ;
188
- return config.css `
189
- flex-grow: 0;
190
- flex-shrink: 0;
191
- max-width: ${value(val, rootSize)};
192
- flex-basis: ${value(val, rootSize)};
193
- `;
191
+ return css `
192
+ flex-grow: 0;
193
+ flex-shrink: 0;
194
+ max-width: ${value(val, rootSize)};
195
+ flex-basis: ${value(val, rootSize)};
196
+ `;
194
197
  };
195
198
  const spacingStyles = (type, param, rootSize) => {
196
199
  if (!isNumber(param)) {
197
200
  return '';
198
201
  }
199
202
  const finalStyle = `${type}: ${value(param / 2, rootSize)}`;
200
- return config.css `
201
- ${finalStyle};
202
- `;
203
+ return css `
204
+ ${finalStyle};
205
+ `;
203
206
  };
204
207
  const styles = ({ theme, css, rootSize, }) => {
205
208
  const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme;
@@ -221,10 +224,10 @@ const styles = ({ theme, css, rootSize, }) => {
221
224
  padding: 0;
222
225
  `;
223
226
  };
224
- var Styled = config.styled(config.component) `
225
- ${config.css `
226
- box-sizing: border-box;
227
- `};
227
+ var Styled = styled(component) `
228
+ ${css `
229
+ box-sizing: border-box;
230
+ `};
228
231
 
229
232
  position: relative;
230
233
  display: flex;
@@ -236,7 +239,7 @@ var Styled = config.styled(config.component) `
236
239
  ${makeItResponsive({
237
240
  key: '$coolgrid',
238
241
  styles,
239
- css: config.css,
242
+ css,
240
243
  normalize: true,
241
244
  })};
242
245
  `;
@@ -247,14 +250,14 @@ const Component = ({ children, component, css, ...props }) => {
247
250
  ...parentCtx,
248
251
  ...props,
249
252
  });
250
- const finalComponent = useMemo(() => component || colComponent, [component, colComponent]);
253
+ const finalComponent = useMemo(() => component ?? colComponent, [component, colComponent]);
251
254
  const finalProps = useMemo(() => ({
252
255
  $coolgrid: {
253
256
  columns,
254
257
  gap,
255
258
  size,
256
259
  padding,
257
- extraStyles: css || colCss,
260
+ extraStyles: css ?? colCss,
258
261
  },
259
262
  }), [columns, gap, size, padding, css, colCss]);
260
263
  const getDevProps = () => {
package/lib/vitus-labs-coolgrid.module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vitus-labs-coolgrid.module.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default config.styled<any>(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number }\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default config.styled<any>(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number }\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize }\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return config.css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return config.css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default config.styled<any>(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX'\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component || colComponent,\n [component, colComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
1
+ {"version":3,"file":"vitus-labs-coolgrid.module.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
package/lib/vitus-labs-coolgrid.native.js CHANGED
@@ -43,11 +43,12 @@ const useGridContext = (props) => {
43
43
  return { ...gridContext, ...ctxProps };
44
44
  };
45
45
 
46
+ const { styled: styled$2, css: css$2, component: component$2 } = config;
46
47
  const styles$2 = ({ theme: t, css, rootSize }) => css `
47
48
  max-width: ${value(t.width, rootSize)};
48
49
  ${extendCss(t.extraStyles)};
49
50
  `;
50
- var Styled$2 = config.styled(config.component) `
51
+ var Styled$2 = styled$2(component$2) `
51
52
  ${false };
52
53
 
53
54
  display: flex;
@@ -59,7 +60,7 @@ var Styled$2 = config.styled(config.component) `
59
60
  ${makeItResponsive({
60
61
  key: '$coolgrid',
61
62
  styles: styles$2,
62
- css: config.css,
63
+ css: css$2,
63
64
  normalize: true,
64
65
  })};
65
66
  `;
@@ -96,20 +97,21 @@ Component$2.VITUS_LABS__COMPONENT = name$2;
96
97
  var RowContext = createContext({});
97
98
 
98
99
  /* eslint-disable @typescript-eslint/no-non-null-assertion */
100
+ const { styled: styled$1, css: css$1, component: component$1 } = config;
99
101
  const spacingStyles$1 = ({ gap, gutter }, { rootSize }) => {
100
102
  if (!isNumber(gap))
101
103
  return '';
102
104
  const getValue = (param) => value(param, rootSize);
103
105
  const spacingX = (gap / 2) * -1;
104
106
  const spacingY = isNumber(gutter) ? gutter - gap / 2 : gap / 2;
105
- return config.css `
107
+ return css$1 `
106
108
  margin: ${getValue(spacingY)} ${getValue(spacingX)};
107
109
  `;
108
110
  };
109
111
  const contentAlign = (align) => {
110
112
  if (!align)
111
113
  return '';
112
- return config.css `
114
+ return css$1 `
113
115
  justify-content: ${ALIGN_CONTENT_MAP_X[align]};
114
116
  `;
115
117
  };
@@ -121,7 +123,7 @@ const styles$1 = ({ theme, css, rootSize }) => {
121
123
  ${extendCss(extraStyles)};
122
124
  `;
123
125
  };
124
- var Styled$1 = config.styled(config.component) `
126
+ var Styled$1 = styled$1(component$1) `
125
127
  ${false };
126
128
 
127
129
  display: flex;
@@ -132,7 +134,7 @@ var Styled$1 = config.styled(config.component) `
132
134
  ${makeItResponsive({
133
135
  key: '$coolgrid',
134
136
  styles: styles$1,
135
- css: config.css,
137
+ css: css$1,
136
138
  normalize: true,
137
139
  })};
138
140
  `;
@@ -167,6 +169,7 @@ Component$1.pkgName = PKG_NAME;
167
169
  Component$1.VITUS_LABS__COMPONENT = name$1;
168
170
 
169
171
  /* eslint-disable @typescript-eslint/no-non-null-assertion */
172
+ const { styled, css, component } = config;
170
173
  const hasWidth = (size, columns) => hasValue(size) && hasValue(columns);
171
174
  const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
172
175
  if (!hasWidth(size, columns)) {
@@ -179,21 +182,21 @@ const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
179
182
  const val = hasGap
180
183
  ? width - gap
181
184
  : width;
182
- return config.css `
183
- flex-grow: 0;
184
- flex-shrink: 0;
185
- max-width: ${value(val, rootSize)};
186
- flex-basis: ${value(val, rootSize)};
187
- `;
185
+ return css `
186
+ flex-grow: 0;
187
+ flex-shrink: 0;
188
+ max-width: ${value(val, rootSize)};
189
+ flex-basis: ${value(val, rootSize)};
190
+ `;
188
191
  };
189
192
  const spacingStyles = (type, param, rootSize) => {
190
193
  if (!isNumber(param)) {
191
194
  return '';
192
195
  }
193
196
  const finalStyle = `${type}: ${value(param / 2, rootSize)}`;
194
- return config.css `
195
- ${finalStyle};
196
- `;
197
+ return css `
198
+ ${finalStyle};
199
+ `;
197
200
  };
198
201
  const styles = ({ theme, css, rootSize, }) => {
199
202
  const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme;
@@ -215,7 +218,7 @@ const styles = ({ theme, css, rootSize, }) => {
215
218
  padding: 0;
216
219
  `;
217
220
  };
218
- var Styled = config.styled(config.component) `
221
+ var Styled = styled(component) `
219
222
  ${false };
220
223
 
221
224
  position: relative;
@@ -228,7 +231,7 @@ var Styled = config.styled(config.component) `
228
231
  ${makeItResponsive({
229
232
  key: '$coolgrid',
230
233
  styles,
231
- css: config.css,
234
+ css,
232
235
  normalize: true,
233
236
  })};
234
237
  `;
@@ -239,14 +242,14 @@ const Component = ({ children, component, css, ...props }) => {
239
242
  ...parentCtx,
240
243
  ...props,
241
244
  });
242
- const finalComponent = useMemo(() => component || colComponent, [component, colComponent]);
245
+ const finalComponent = useMemo(() => component ?? colComponent, [component, colComponent]);
243
246
  const finalProps = useMemo(() => ({
244
247
  $coolgrid: {
245
248
  columns,
246
249
  gap,
247
250
  size,
248
251
  padding,
249
- extraStyles: css || colCss,
252
+ extraStyles: css ?? colCss,
250
253
  },
251
254
  }), [columns, gap, size, padding, css, colCss]);
252
255
  const getDevProps = () => {
package/lib/vitus-labs-coolgrid.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vitus-labs-coolgrid.native.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default config.styled<any>(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number }\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default config.styled<any>(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number }\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize }\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return config.css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return config.css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default config.styled<any>(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX'\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component || colComponent,\n [component, colComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
1
+ {"version":3,"file":"vitus-labs-coolgrid.native.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vitus-labs/coolgrid",
3
- "version": "1.0.0-alpha.1",
3
+ "version": "1.0.0-alpha.3",
4
4
  "license": "MIT",
5
5
  "author": "Vit Bokisch <vit@bokisch.cz>",
6
6
  "maintainers": [
@@ -54,12 +54,12 @@
54
54
  "react": ">= 16.8"
55
55
  },
56
56
  "devDependencies": {
57
- "@vitus-labs/core": "1.0.0-alpha.1",
58
- "@vitus-labs/tools-babel": "^1.0.2",
59
- "@vitus-labs/tools-rollup": "^1.0.2",
60
- "@vitus-labs/tools-storybook": "^1.0.2",
61
- "@vitus-labs/tools-typescript": "^1.0.2",
62
- "@vitus-labs/unistyle": "1.0.0-alpha.1"
57
+ "@vitus-labs/core": "1.0.0-alpha.3",
58
+ "@vitus-labs/tools-babel": "^1.0.3",
59
+ "@vitus-labs/tools-rollup": "^1.0.3",
60
+ "@vitus-labs/tools-storybook": "^1.0.3",
61
+ "@vitus-labs/tools-typescript": "^1.0.3",
62
+ "@vitus-labs/unistyle": "1.0.0-alpha.3"
63
63
  },
64
- "gitHead": "955e12ae886dc9dd16cac4b5ff51af2a4bc6b229"
64
+ "gitHead": "b8dbc1c58586e9b00957b73e8da9195fde31e378"
65
65
  }