@superblocksteam/library 2.0.0-next.46 → 2.0.0-next.48

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 (27) hide show
  1. package/dist/{allPaths-B1RZdhTs.js → allPaths-BA7YNQAb.js} +2 -2
  2. package/dist/{allPaths-B1RZdhTs.js.map → allPaths-BA7YNQAb.js.map} +1 -1
  3. package/dist/{allPaths-C4AFd057.js → allPaths-CKrtsdiM.js} +2 -2
  4. package/dist/{allPaths-C4AFd057.js.map → allPaths-CKrtsdiM.js.map} +1 -1
  5. package/dist/{allPathsLoader-B6R5LLlE.js → allPathsLoader-D3bqLvw9.js} +3 -3
  6. package/dist/{allPathsLoader-DdqvVuCa.js.map → allPathsLoader-D3bqLvw9.js.map} +1 -1
  7. package/dist/{allPathsLoader-DdqvVuCa.js → allPathsLoader-DQsgvi-_.js} +3 -3
  8. package/dist/{allPathsLoader-B6R5LLlE.js.map → allPathsLoader-DQsgvi-_.js.map} +1 -1
  9. package/dist/{index-0yWOYm1d.js → index-CrzDoGYZ.js} +110 -140
  10. package/dist/{index-0yWOYm1d.js.map → index-CrzDoGYZ.js.map} +1 -1
  11. package/dist/index.js +2 -2
  12. package/dist/{splitPathsBySizeLoader-DVwut2Mk.js → splitPathsBySizeLoader-BJzACa9d.js} +2 -2
  13. package/dist/{splitPathsBySizeLoader-DVwut2Mk.js.map → splitPathsBySizeLoader-BJzACa9d.js.map} +1 -1
  14. package/dist/{splitPathsBySizeLoader-CKijipea.js → splitPathsBySizeLoader-Cb_o2MXR.js} +2 -2
  15. package/dist/{splitPathsBySizeLoader-CKijipea.js.map → splitPathsBySizeLoader-Cb_o2MXR.js.map} +1 -1
  16. package/dist-types/lib/user-facing/components/column/index.d.ts +7 -20
  17. package/dist-types/lib/user-facing/components/column/props.d.ts +7 -19
  18. package/dist-types/lib/user-facing/components/container/index.d.ts +8 -22
  19. package/dist-types/lib/user-facing/components/container/props.d.ts +7 -22
  20. package/dist-types/lib/user-facing/components/grid/index.d.ts +1 -2
  21. package/dist-types/lib/user-facing/components/modal/index.d.ts +8 -13
  22. package/dist-types/lib/user-facing/components/modal/modal-component.d.ts +1 -1
  23. package/dist-types/lib/user-facing/components/modal/props.d.ts +8 -13
  24. package/dist-types/lib/user-facing/components/pixel-input/index.d.ts +7 -0
  25. package/dist-types/lib/user-facing/properties-panel/mixins/layout-section.d.ts +12 -14
  26. package/dist-types/lib/user-facing/themes/constants.d.ts +1 -0
  27. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { V as clientExports } from "./index-0yWOYm1d.js";
2
- import { W, X, Q, K, L, Y, J, Z, $, a0, a1, a2, a3, w, a4, a5, a6, a7, a8, U, a9, P, aa, ab, ac, ad, R, v, S, m, d, e, l, n, k, M, x, q, s, f, i, g, w as w2, c, o, j, h, u, t, A, ae, af, ag, ah, ai, T, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, y, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, H, aT, aU, aV, aW, aX, aY, C, aZ, a_, a$, b0, b1, E, b2, b3, z, b4, b5, b6, r, G, F, b7, b8, b9, O, B, D, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, N, bH } from "./index-0yWOYm1d.js";
1
+ import { V as clientExports } from "./index-CrzDoGYZ.js";
2
+ import { W, X, Q, K, L, Y, J, Z, $, a0, a1, a2, a3, w, a4, a5, a6, a7, a8, U, a9, P, aa, ab, ac, ad, R, v, S, m, d, e, l, n, k, M, x, q, s, f, i, g, w as w2, c, o, j, h, u, t, A, ae, af, ag, ah, ai, T, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, y, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, H, aT, aU, aV, aW, aX, aY, C, aZ, a_, a$, b0, b1, E, b2, b3, z, b4, b5, b6, r, G, F, b7, b8, b9, O, B, D, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, N, bH } from "./index-CrzDoGYZ.js";
3
3
  const createRoot = clientExports.createRoot;
4
4
  export {
5
5
  W as Await,
@@ -1,4 +1,4 @@
1
- import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-0yWOYm1d.js";
1
+ import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-CrzDoGYZ.js";
2
2
  var splitPathsBySizeLoader = function(name, size) {
3
3
  return __awaiter(void 0, void 0, void 0, function() {
4
4
  var key, pathsRecord;
@@ -31,4 +31,4 @@ var splitPathsBySizeLoader = function(name, size) {
31
31
  export {
32
32
  splitPathsBySizeLoader
33
33
  };
34
- //# sourceMappingURL=splitPathsBySizeLoader-DVwut2Mk.js.map
34
+ //# sourceMappingURL=splitPathsBySizeLoader-BJzACa9d.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"splitPathsBySizeLoader-DVwut2Mk.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var key, pathsRecord;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n key = pascalCase(name);\n if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n \"../generated/16px/paths\")];\n case 1:\n pathsRecord = _a.sent();\n return [3 /*break*/, 4];\n case 2: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n \"../generated/20px/paths\")];\n case 3:\n pathsRecord = _a.sent();\n _a.label = 4;\n case 4: return [2 /*return*/, pathsRecord[key]];\n }\n });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"splitPathsBySizeLoader-BJzACa9d.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var key, pathsRecord;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n key = pascalCase(name);\n if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n \"../generated/16px/paths\")];\n case 1:\n pathsRecord = _a.sent();\n return [3 /*break*/, 4];\n case 2: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n \"../generated/20px/paths\")];\n case 3:\n pathsRecord = _a.sent();\n _a.label = 4;\n case 4: return [2 /*return*/, pathsRecord[key]];\n }\n });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
@@ -1,4 +1,4 @@
1
- import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-0yWOYm1d.js";
1
+ import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-CrzDoGYZ.js";
2
2
  var splitPathsBySizeLoader = function(name, size) {
3
3
  return __awaiter(void 0, void 0, void 0, function() {
4
4
  var key, pathsRecord;
@@ -31,4 +31,4 @@ var splitPathsBySizeLoader = function(name, size) {
31
31
  export {
32
32
  splitPathsBySizeLoader
33
33
  };
34
- //# sourceMappingURL=splitPathsBySizeLoader-CKijipea.js.map
34
+ //# sourceMappingURL=splitPathsBySizeLoader-Cb_o2MXR.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"splitPathsBySizeLoader-CKijipea.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.20.0_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var key, pathsRecord;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n key = pascalCase(name);\n if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n \"../generated/16px/paths\")];\n case 1:\n pathsRecord = _a.sent();\n return [3 /*break*/, 4];\n case 2: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n \"../generated/20px/paths\")];\n case 3:\n pathsRecord = _a.sent();\n _a.label = 4;\n case 4: return [2 /*return*/, pathsRecord[key]];\n }\n });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"splitPathsBySizeLoader-Cb_o2MXR.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.20.0_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/splitPathsBySizeLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\nimport { pascalCase } from \"change-case\";\nimport { IconSize } from \"../iconTypes\";\n/**\n * A dynamic loader for icon paths that generates separate chunks for the two size variants.\n */\nexport var splitPathsBySizeLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var key, pathsRecord;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n key = pascalCase(name);\n if (!(size === IconSize.STANDARD)) return [3 /*break*/, 2];\n return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-16px-paths\" */\n \"../generated/16px/paths\")];\n case 1:\n pathsRecord = _a.sent();\n return [3 /*break*/, 4];\n case 2: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-20px-paths\" */\n \"../generated/20px/paths\")];\n case 3:\n pathsRecord = _a.sent();\n _a.label = 4;\n case 4: return [2 /*return*/, pathsRecord[key]];\n }\n });\n}); };\n//# sourceMappingURL=splitPathsBySizeLoader.js.map"],"names":[],"mappings":";AAqBU,IAAC,yBAAyB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AAC7G,QAAI,KAAK;AACT,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AACD,gBAAM,WAAW,IAAI;AACrB,cAAI,EAAE,SAAS,SAAS,UAAW,QAAO,CAAC,GAAa,CAAC;AACzD,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEjB;AAAA,UAAyB,kBAAC;AAAA,QAClC,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,iBAAO,CAAC,GAAa,CAAC;AAAA,QAC1B,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAyB,kBAAC;AAAA,QAC9B,KAAK;AACD,wBAAc,GAAG,KAAM;AACvB,aAAG,QAAQ;AAAA,QACf,KAAK;AAAG,iBAAO,CAAC,GAAc,YAAY,GAAG,CAAC;AAAA,MAC1D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
@@ -1,5 +1,4 @@
1
1
  import { Dim } from "@superblocksteam/library-shared";
2
- import type { DimModes } from "@superblocksteam/library-shared";
3
2
  /**
4
3
  * TODO:
5
4
  * - disable setting height related props in prop panel and code
@@ -8,14 +7,7 @@ import type { DimModes } from "@superblocksteam/library-shared";
8
7
  */
9
8
  export declare const getDefaultSectionChildren: () => never[];
10
9
  export declare const SbColumn: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
11
- layout: import("../../properties-panel/props-builder.js").Section<(((((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
12
- layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
13
- }, "layout" | "rows" | "columns" | "rowSize"> & {
14
- readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
15
- readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
16
- readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
17
- readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
18
- }) | (Omit<{
10
+ layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
19
11
  layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
20
12
  }, "layout" | "verticalAlign" | "horizontalAlign"> & {
21
13
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -27,18 +19,13 @@ export declare const SbColumn: import("react").FC<import("../../properties-panel
27
19
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
28
20
  readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
29
21
  readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
22
+ }) | (Omit<{
23
+ layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
24
+ }, "layout" | "columns" | "rowHeight"> & {
25
+ readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
26
+ readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
27
+ readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
30
28
  }))) & {
31
- spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
32
- }) & {
33
- padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
34
- }) & {
35
- maxHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
36
- minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
37
- maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
38
- minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false> | undefined;
39
- width: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
40
- height: import("../../properties-panel/props-builder.js").Prop<Dim<DimModes>, false>;
41
- }) & {
42
29
  shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
43
30
  }) & {
44
31
  isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -1,14 +1,7 @@
1
1
  import { Dim } from "@superblocksteam/library-shared";
2
2
  import { Section } from "../../properties-panel/props-builder.js";
3
3
  export declare const propertiesDefinition: {
4
- layout: Section<(((((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
5
- layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
6
- }, "layout" | "rows" | "columns" | "rowSize"> & {
7
- readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
8
- readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
9
- readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
10
- readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
11
- }) | (Omit<{
4
+ layout: Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
12
5
  layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
13
6
  }, "layout" | "verticalAlign" | "horizontalAlign"> & {
14
7
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -20,18 +13,13 @@ export declare const propertiesDefinition: {
20
13
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
21
14
  readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
22
15
  readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
16
+ }) | (Omit<{
17
+ layout: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/constants.js").ContainerLayout, true>;
18
+ }, "layout" | "columns" | "rowHeight"> & {
19
+ readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
20
+ readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
21
+ readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
23
22
  }))) & {
24
- spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
25
- }) & {
26
- padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
27
- }) & {
28
- maxHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
29
- minHeight?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
30
- maxWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
31
- minWidth?: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
32
- width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
33
- height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
34
- }) & {
35
23
  shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
36
24
  }) & {
37
25
  isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -2,7 +2,7 @@ import { Dim } from "@superblocksteam/library-shared";
2
2
  import { propertiesDefinition } from "./props.js";
3
3
  import type { ContainerLayout } from "../../component-base/constants.js";
4
4
  import type { InternalPropsWithOptional } from "../../properties-panel/props-builder.js";
5
- type OptionalProps = "margin" | "padding" | "spacing" | "backgroundColor" | "border" | "borderRadius";
5
+ type OptionalProps = "backgroundColor" | "border" | "borderRadius";
6
6
  type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, OptionalProps>;
7
7
  /**
8
8
  * TODO:
@@ -15,14 +15,7 @@ type ContainerProps = InternalPropsWithOptional<typeof propertiesDefinition, Opt
15
15
  */
16
16
  export declare const InternalContainer: (props: ContainerProps) => import("react").JSX.Element;
17
17
  export declare const SbContainer: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
18
- layout: import("../../properties-panel/props-builder.js").Section<((((((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
19
- layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
20
- }, "layout" | "rows" | "columns" | "rowSize"> & {
21
- readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
22
- readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
23
- readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
24
- readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
25
- }) | (Omit<{
18
+ layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
26
19
  layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
27
20
  }, "layout" | "verticalAlign" | "horizontalAlign"> & {
28
21
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -34,20 +27,13 @@ export declare const SbContainer: import("react").FC<import("../../properties-pa
34
27
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
35
28
  readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
36
29
  readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
30
+ }) | (Omit<{
31
+ layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
32
+ }, "layout" | "columns" | "rowHeight"> & {
33
+ readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
34
+ readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
35
+ readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
37
36
  }))) & {
38
- spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
39
- }) & {
40
- padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Padding, true>;
41
- }) & {
42
- width: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
43
- height: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
44
- minWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
45
- maxWidth: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
46
- minHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
47
- maxHeight: import("../../properties-panel/props-builder.js").Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
48
- }) & {
49
- margin: import("../../properties-panel/props-builder.js").Prop<unknown, true>;
50
- }) & {
51
37
  shouldScrollContents: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
52
38
  }) & {
53
39
  isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
@@ -1,7 +1,6 @@
1
1
  import { Dim } from "@superblocksteam/library-shared";
2
2
  import { Section, Prop } from "../../properties-panel/props-builder.js";
3
3
  import type { ContainerVariant } from "../../component-base/constants.js";
4
- import type { Padding } from "@superblocksteam/library-shared/types";
5
4
  /**
6
5
  * TODO:
7
6
  * - make default and options dynamic for distribution and alignment
@@ -11,14 +10,7 @@ import type { Padding } from "@superblocksteam/library-shared/types";
11
10
  * - use default func once supported for composite props, apply it to padding, border, borderRadius, and backgroundColor. Otherwise, prop panel control will not show the correct value
12
11
  */
13
12
  export declare const propertiesDefinition: {
14
- layout: Section<((((((Record<string, Prop<any, any>> & ((Omit<{
15
- layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
16
- }, "layout" | "rows" | "columns" | "rowSize"> & {
17
- readonly layout: Prop<"freeform", true>;
18
- readonly columns: Prop<number, true>;
19
- readonly rows: Prop<number, false>;
20
- readonly rowSize: Prop<number, false>;
21
- }) | (Omit<{
13
+ layout: Section<((Record<string, Prop<any, any>> & ((Omit<{
22
14
  layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
23
15
  }, "layout" | "verticalAlign" | "horizontalAlign"> & {
24
16
  readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -30,20 +22,13 @@ export declare const propertiesDefinition: {
30
22
  readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
31
23
  readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
32
24
  readonly layout: Prop<"horizontal", true>;
25
+ }) | (Omit<{
26
+ layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
27
+ }, "layout" | "columns" | "rowHeight"> & {
28
+ readonly columns: Prop<number, true>;
29
+ readonly rowHeight: Prop<Dim<"px">, true>;
30
+ readonly layout: Prop<"freeform", true>;
33
31
  }))) & {
34
- spacing: Prop<Dim<"px">, true>;
35
- }) & {
36
- padding: Prop<Padding, true>;
37
- }) & {
38
- width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
39
- height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
40
- minWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
41
- maxWidth: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
42
- minHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
43
- maxHeight: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
44
- }) & {
45
- margin: Prop<unknown, true>;
46
- }) & {
47
32
  shouldScrollContents: Prop<boolean, true>;
48
33
  }) & {
49
34
  isVisible: Prop<boolean, true>;
@@ -15,8 +15,7 @@ declare const _propertiesDefinition: {
15
15
  general: Section<Record<string, Prop<any, any>> & {
16
16
  spacing: Prop<Dim<"px">, true>;
17
17
  columns: Prop<number, false>;
18
- rows: Prop<number, false>;
19
- rowSize: Prop<number, false>;
18
+ rowHeight: Prop<Dim<"px">, false>;
20
19
  }>;
21
20
  layout: Section<Record<string, Prop<any, any>> & {
22
21
  maxHeight?: Prop<Dim<DimModes>, false> | undefined;
@@ -5,14 +5,7 @@ import type { ContainerLayout } from "../../component-base/constants.js";
5
5
  * - close all other modal when current modal is opened
6
6
  */
7
7
  export declare const SbModal: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
8
- layout: import("../../properties-panel/props-builder.js").Section<((Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
9
- layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
10
- }, "layout" | "rows" | "columns" | "rowSize"> & {
11
- readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
12
- readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
13
- readonly rows: import("../../properties-panel/props-builder.js").Prop<number, false>;
14
- readonly rowSize: import("../../properties-panel/props-builder.js").Prop<number, false>;
15
- }) | (Omit<{
8
+ layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
16
9
  layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
17
10
  }, "layout" | "verticalAlign" | "horizontalAlign"> & {
18
11
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -24,11 +17,13 @@ export declare const SbModal: import("react").FC<import("../../properties-panel/
24
17
  readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
25
18
  readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
26
19
  readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
27
- }))) & {
28
- spacing: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
29
- }) & {
30
- padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
31
- }>;
20
+ }) | (Omit<{
21
+ layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
22
+ }, "layout" | "columns" | "rowHeight"> & {
23
+ readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
24
+ readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
25
+ readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
26
+ }))>;
32
27
  appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
33
28
  backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
34
29
  border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
@@ -28,7 +28,7 @@ type ModalComponentProps = {
28
28
  spacing: Dim<"px">;
29
29
  columns?: number;
30
30
  rows?: number;
31
- rowSize?: number;
31
+ rowHeight?: Dim<"px">;
32
32
  dropTargetRef?: React.RefObject<HTMLElement | null>;
33
33
  };
34
34
  /** the modal is open/close by setting isOpen to true/false
@@ -2,14 +2,7 @@ import { Prop, Section } from "../../properties-panel/props-builder.js";
2
2
  import type { ModalSize } from "./constants.js";
3
3
  import type { PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
4
4
  export declare const propertiesDefinition: {
5
- layout: Section<((Record<string, Prop<any, any>> & ((Omit<{
6
- layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
7
- }, "layout" | "rows" | "columns" | "rowSize"> & {
8
- readonly layout: Prop<"freeform", true>;
9
- readonly columns: Prop<number, true>;
10
- readonly rows: Prop<number, false>;
11
- readonly rowSize: Prop<number, false>;
12
- }) | (Omit<{
5
+ layout: Section<Record<string, Prop<any, any>> & ((Omit<{
13
6
  layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
14
7
  }, "layout" | "verticalAlign" | "horizontalAlign"> & {
15
8
  readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -21,11 +14,13 @@ export declare const propertiesDefinition: {
21
14
  readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
22
15
  readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
23
16
  readonly layout: Prop<"horizontal", true>;
24
- }))) & {
25
- spacing: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
26
- }) & {
27
- padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
28
- }>;
17
+ }) | (Omit<{
18
+ layout: Prop<import("../../component-base/constants.js").ContainerLayout, true>;
19
+ }, "layout" | "columns" | "rowHeight"> & {
20
+ readonly columns: Prop<number, true>;
21
+ readonly rowHeight: Prop<import("@superblocksteam/library-shared").Dim<"px">, true>;
22
+ readonly layout: Prop<"freeform", true>;
23
+ }))>;
29
24
  appearance: Section<Record<string, Prop<any, any>> & {
30
25
  backgroundColor: Prop<string, false>;
31
26
  border: Prop<PerSideBorder, false>;
@@ -0,0 +1,7 @@
1
+ import type { InputNumberProps } from "antd";
2
+ export interface PixelInputProps extends InputNumberProps<number> {
3
+ showResetToDefault?: boolean;
4
+ dataTest?: string;
5
+ unit?: string;
6
+ }
7
+ export declare const PixelInput: (props: PixelInputProps) => import("react").JSX.Element;
@@ -52,7 +52,7 @@ export declare const spacing: (options?: {
52
52
  spacing: Prop<Dim<"px">, true>;
53
53
  };
54
54
  export declare const padding: (options?: {
55
- default?: Padding;
55
+ default?: Padding | ((this: any) => Padding);
56
56
  } & Partial<PropertiesPanelDisplay<Padding, "PADDING_CONTROL">>) => {
57
57
  padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
58
58
  };
@@ -63,14 +63,9 @@ export declare const getAlignmentProps: <LayoutType extends "vertical" | "horizo
63
63
  verticalAlign: Prop<VerticalAlignment<LayoutType>, true>;
64
64
  horizontalAlign: Prop<HorizontalAlignment<LayoutType>, true>;
65
65
  };
66
- export declare const containerLayout: () => import("../props-builder.js").UnionProp<{
66
+ export declare const containerLayout: (sizeProps?: Record<string, Prop<any, any>>) => import("../props-builder.js").UnionProp<{
67
67
  layout: Prop<ContainerLayout, true>;
68
68
  }, [{
69
- readonly layout: Prop<"freeform", true>;
70
- readonly columns: Prop<number, true>;
71
- readonly rows: Prop<number, false>;
72
- readonly rowSize: Prop<number, false>;
73
- }, {
74
69
  readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
75
70
  readonly horizontalAlign: Prop<"center" | "left" | "right", true>;
76
71
  readonly layout: Prop<"vertical", true>;
@@ -78,14 +73,11 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
78
73
  readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
79
74
  readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
80
75
  readonly layout: Prop<"horizontal", true>;
81
- }], ({
82
- layout: Prop<ContainerLayout, true>;
83
- } & {
84
- readonly layout: Prop<"freeform", true>;
76
+ }, {
85
77
  readonly columns: Prop<number, true>;
86
- readonly rows: Prop<number, false>;
87
- readonly rowSize: Prop<number, false>;
88
- }) | ({
78
+ readonly rowHeight: Prop<Dim<"px">, true>;
79
+ readonly layout: Prop<"freeform", true>;
80
+ }], ({
89
81
  layout: Prop<ContainerLayout, true>;
90
82
  } & {
91
83
  readonly verticalAlign: Prop<"center" | "space-around" | "space-between" | "bottom" | "top", true>;
@@ -97,6 +89,12 @@ export declare const containerLayout: () => import("../props-builder.js").UnionP
97
89
  readonly verticalAlign: Prop<"center" | "bottom" | "top", true>;
98
90
  readonly horizontalAlign: Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
99
91
  readonly layout: Prop<"horizontal", true>;
92
+ }) | ({
93
+ layout: Prop<ContainerLayout, true>;
94
+ } & {
95
+ readonly columns: Prop<number, true>;
96
+ readonly rowHeight: Prop<Dim<"px">, true>;
97
+ readonly layout: Prop<"freeform", true>;
100
98
  })>;
101
99
  export declare const basicLayout: () => Section<Record<string, Prop<any, any>> & {
102
100
  maxHeight?: Prop<Dim<DimModes>, false> | undefined;
@@ -78,4 +78,5 @@ export declare const KEY_VALUE_PADDING: {
78
78
  bottom: Dim<"px">;
79
79
  };
80
80
  export declare const KEY_VALUE_SPACING: Dim<"px">;
81
+ export declare const DEFAULT_GRID_ROW_SIZE = 12;
81
82
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@superblocksteam/library",
3
- "version": "2.0.0-next.46",
3
+ "version": "2.0.0-next.48",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -33,7 +33,7 @@
33
33
  "@react-hook/resize-observer": "1.2.6",
34
34
  "@superblocksteam/fast-deep-equal": "3.1.4",
35
35
  "@superblocksteam/iso-currency": "2.0.0",
36
- "@superblocksteam/library-shared": "2.0.0-next.46",
36
+ "@superblocksteam/library-shared": "2.0.0-next.48",
37
37
  "@superblocksteam/shared": "0.9142.0",
38
38
  "antd": "4.24.15",
39
39
  "apca-w3": "^0.1.9",