@superblocksteam/library 2.0.0-next.95 → 2.0.0-next.96

package/dist/index.js

@@ -1,5 +1,5 @@
-import { V as clientExports } from "./index-D5BagQww.js";
-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-D5BagQww.js";
+import { V as clientExports } from "./index-Cfiz5DdU.js";
+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-Cfiz5DdU.js";
 const createRoot = clientExports.createRoot;
 export {
   W as Await,

package/dist/{splitPathsBySizeLoader-Da3zkNiN.js → splitPathsBySizeLoader-BHujcI7q.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-D5BagQww.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, I as IconSize } from "./index-Cfiz5DdU.js";
 var splitPathsBySizeLoader = function(name, size) {
   return __awaiter(void 0, void 0, void 0, function() {
     var key, pathsRecord;
@@ -31,4 +31,4 @@ var splitPathsBySizeLoader = function(name, size) {
 export {
   splitPathsBySizeLoader
 };
-//# sourceMappingURL=splitPathsBySizeLoader-Da3zkNiN.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-BHujcI7q.js.map

package/dist/{splitPathsBySizeLoader-Da3zkNiN.js.map → splitPathsBySizeLoader-BHujcI7q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-Da3zkNiN.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]}
+{"version":3,"file":"splitPathsBySizeLoader-BHujcI7q.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]}

package/dist/{splitPathsBySizeLoader-Jr1qS6xv.js → splitPathsBySizeLoader-Ba_jngBn.js}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-D5BagQww.js";
+import { _ as __awaiter, a as __generator, p as pascalCase, b as IconSize } from "./index-Cfiz5DdU.js";
 var splitPathsBySizeLoader = function(name, size) {
   return __awaiter(void 0, void 0, void 0, function() {
     var key, pathsRecord;
@@ -31,4 +31,4 @@ var splitPathsBySizeLoader = function(name, size) {
 export {
   splitPathsBySizeLoader
 };
-//# sourceMappingURL=splitPathsBySizeLoader-Jr1qS6xv.js.map
+//# sourceMappingURL=splitPathsBySizeLoader-Ba_jngBn.js.map

package/dist/{splitPathsBySizeLoader-Jr1qS6xv.js.map → splitPathsBySizeLoader-Ba_jngBn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"splitPathsBySizeLoader-Jr1qS6xv.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]}
+{"version":3,"file":"splitPathsBySizeLoader-Ba_jngBn.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]}

package/dist-types/lib/user-facing/component-base/components/video.d.ts

@@ -0,0 +1,19 @@
+import ReactPlayer from "react-player";
+import type { Ref } from "react";
+export interface VideoComponentProps {
+    url?: string;
+    autoplay?: boolean;
+    controls?: boolean;
+    onStart?: () => void;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onReady?: () => void;
+    onProgress?: () => void;
+    onSeek?: () => void;
+    onError?: () => void;
+    player?: Ref<ReactPlayer>;
+    width?: string | number;
+    height?: string | number;
+}
+export default function VideoComponent(props: VideoComponentProps): import("react").JSX.Element;

package/dist-types/lib/user-facing/components/table/column-properties-panel.d.ts

@@ -22,14 +22,14 @@ export declare const columnPanelConfig: {
         notation: Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
-        currency: Prop<string, false>;
+        currency: Prop<string, true>;
         columnType: Prop<"currency", true>;
     } | {
         minimumFractionDigits: Prop<number, false>;
         maximumFractionDigits: Prop<number, false>;
         columnType: Prop<"percentage", true>;
     } | {
-        openImageUrl: Prop<boolean, false>;
+        openImageUrl: Prop<boolean, true>;
         columnType: Prop<"image", true>;
     } | {
         columnType: Prop<"video", true>;
@@ -45,14 +45,11 @@ export declare const columnPanelConfig: {
         isDisabled: Prop<boolean, false>;
         columnType: Prop<"button", true>;
     } | {
-        linkUrl: Prop<string, false>;
         linkLabel: Prop<string, false>;
-        openInNewTab: Prop<boolean, false>;
         columnType: Prop<"link", true>;
     } | {
         columnType: Prop<"boolean", true>;
     } | {
-        computedValue: Prop<string, false>;
         columnType: Prop<"tags", true>;
     } | {
         displayedValue: Prop<string, false>;
@@ -111,17 +108,13 @@ export declare const columnPanelConfig: {
         cellIconPosition: Prop<IconPosition, true>;
         columnType: Prop<"percentage", true>;
     } | {
-        horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "bottom" | "top", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-        cellBackground: Prop<string, true>;
         imageSize: Prop<ImageSize, false>;
         imageBorderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        horizontalAlign: Prop<"center" | "left" | "right", true>;
+        cellBackground: Prop<string, true>;
         columnType: Prop<"image", true>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;
-        verticalAlign: Prop<"center" | "bottom" | "top", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         cellBackground: Prop<string, true>;
         columnType: Prop<"video", true>;
     } | {
@@ -137,9 +130,9 @@ export declare const columnPanelConfig: {
         buttonIcon: Prop<string, false>;
         buttonIconPosition: Prop<IconPosition, true>;
         buttonVariant: Prop<ButtonVariant, true>;
+        buttonTextStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         buttonBackgroundColor: Prop<string, false>;
         buttonBorder: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
-        buttonLabelColor: Prop<string, false>;
         columnType: Prop<"button", true>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;
@@ -148,18 +141,17 @@ export declare const columnPanelConfig: {
         cellBackground: Prop<string, true>;
         columnType: Prop<"link", true>;
     } | {
-        booleanStyleFalse: Prop<BooleanStyleFalse, true>;
         horizontalAlign: Prop<"center" | "left" | "right", true>;
         verticalAlign: Prop<"center" | "bottom" | "top", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         cellBackground: Prop<string, true>;
+        booleanStyleFalse: Prop<BooleanStyleFalse, true>;
         columnType: Prop<"boolean", true>;
     } | {
-        tagDisplayConfig: Prop<any, false>;
         horizontalAlign: Prop<"center" | "left" | "right", true>;
         verticalAlign: Prop<"center" | "bottom" | "top", true>;
-        "cellProps.textStyle": Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
         cellBackground: Prop<string, true>;
+        tagsWrap: Prop<boolean, false>;
+        tagDisplayConfig: Prop<any, false>;
         columnType: Prop<"tags", true>;
     } | {
         horizontalAlign: Prop<"center" | "left" | "right", true>;

package/dist-types/lib/user-facing/components/table/components/autotooltip-component.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-import type { CompactMode, SingleCellProperties } from "../types.js";
+import type { RowDensity, SingleCellProperties } from "../types.js";
 import type { TextStyleWithVariant } from "@superblocksteam/library-shared/types";
 declare const AutoToolTipComponent: (props: {
     isHidden?: boolean;
     children: React.ReactNode;
     title: string;
     cellProperties: SingleCellProperties;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     handleCellFocus?: () => void;
     maxLinesPerRow?: number;
     hasLeftIcon?: boolean;

package/dist-types/lib/user-facing/components/table/components/edit-cell.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 import type { RefObject } from "react";
 declare const EditCell: (props: {
@@ -8,7 +8,7 @@ declare const EditCell: (props: {
     editProps: EditProps;
     value: any;
     tableName: string;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
     theme: UserAccessibleTheme;
 }) => React.JSX.Element;

package/dist-types/lib/user-facing/components/table/components/edit-checkbox-cell.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import type { SingleCellProperties, CompactMode, EditProps } from "../types.js";
+import { type SingleCellProperties, type RowDensity, type EditProps } from "../types.js";
 declare const EditCheckboxCell: (props: {
     editProps: EditProps;
     value: any;
     readModeComponent: JSX.Element;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProperties: SingleCellProperties;
     isFocused: boolean;
 }) => React.JSX.Element;

package/dist-types/lib/user-facing/components/table/components/edit-date-cell.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { Position } from "./edit-utils.js";
 declare const EditDateCell: (props: {
     editProps: EditProps;
     value: any;
     inputPosition: Position;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
 }) => React.JSX.Element;
 export default EditDateCell;

package/dist-types/lib/user-facing/components/table/components/edit-input-cell.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { Position } from "./edit-utils.js";
 import type { RefObject } from "react";
 declare const EditInputCell: (props: {
@@ -8,7 +8,7 @@ declare const EditInputCell: (props: {
     value: any;
     targetCellRef: RefObject<HTMLElement>;
     inputPosition: Position;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
 }) => React.JSX.Element | null;
 export default EditInputCell;

package/dist-types/lib/user-facing/components/table/components/edit-multi-select-cell.d.ts

@@ -1,12 +1,12 @@
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { Position } from "./edit-utils.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 declare const EditMultiSelectCell: (props: {
     editProps: EditProps;
     value: any;
     inputPosition: Position;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
     theme: UserAccessibleTheme;
 }) => import("react").JSX.Element;

package/dist-types/lib/user-facing/components/table/components/edit-single-select-cell.d.ts

@@ -1,12 +1,12 @@
 import type { TableCellProps } from "../table-utilities.jsx";
-import type { CompactMode, EditProps } from "../types.js";
+import type { RowDensity, EditProps } from "../types.js";
 import type { Position } from "./edit-utils.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
 declare const EditSingleSelectCell: (props: {
     editProps: EditProps;
     value: any;
     inputPosition: Position;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     cellProps: TableCellProps;
     theme: UserAccessibleTheme;
 }) => import("react").JSX.Element;

package/dist-types/lib/user-facing/components/table/components/edit-utils.d.ts

@@ -1,4 +1,4 @@
-import type { SingleCellProperties, CompactMode } from "../types.js";
+import type { SingleCellProperties, RowDensity } from "../types.js";
 export type Position = {
     top: undefined | number;
     left: undefined | number;
@@ -18,7 +18,7 @@ export declare const extractDropdownOptions: (options: string | Array<string | R
 }>;
 type Props = {
     $position: Position;
-    $compactMode: CompactMode;
+    $rowDensity: RowDensity;
     cellProperties: SingleCellProperties;
     clearable?: boolean;
 };

package/dist-types/lib/user-facing/components/table/components/editable-link-cell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CompactMode, type SingleCellProperties } from "../types.js";
+import { RowDensity, type SingleCellProperties } from "../types.js";
 export declare const EditableLinkCell: (props: {
     url: string;
     label: string;
@@ -8,7 +8,7 @@ export declare const EditableLinkCell: (props: {
     isEdited: boolean;
     value: any;
     cellProperties: SingleCellProperties;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     isFocused: boolean;
     position: {
         currentRowIndex: number;

package/dist-types/lib/user-facing/components/table/components/popover-video.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const PopoverVideo: (_: {
+declare const PopoverVideo: (props: {
     url: string;
 }) => React.JSX.Element;
 export default PopoverVideo;

package/dist-types/lib/user-facing/components/table/components/table-header.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TableSizes } from "../constants.js";
-import type { ColumnProperties, CompactMode, ReactTableColumnProps } from "../types.js";
+import type { ColumnProperties, RowDensity, ReactTableColumnProps } from "../types.js";
 import type { TextStyleWithVariant, UserAccessibleTheme, PerCornerBorderRadius, PerSideBorder } from "@superblocksteam/library-shared/types";
 interface TableHeaderProps {
     isSearchable: boolean;
@@ -8,7 +8,7 @@ interface TableHeaderProps {
     searchTableData: (searchKey: any) => void;
     tableSizes: TableSizes;
     title: string;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     columns: ReactTableColumnProps[];
     updateProperty: (property: string, value: any) => void;
     hiddenColumns?: string[];
@@ -52,7 +52,7 @@ export declare const TableHeaderCell: (props: {
     sourceId: string;
     columnFreezes?: Record<string, boolean>;
     showResizer: boolean;
-    compactMode?: CompactMode;
+    rowDensity?: RowDensity;
     handleHeaderDropped: (index: number, position: number) => void;
     mutableHeaderDragRef: React.MutableRefObject<number>;
     columnHeaderProps?: TextStyleWithVariant;

package/dist-types/lib/user-facing/components/table/components/table-loading-state.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import type { CompactMode } from "../types.js";
+import type { RowDensity } from "../types.js";
 import type { UserAccessibleTheme } from "@superblocksteam/library-shared/types";
-declare const TableLoading: ({ numRows, compactMode, width, dataTest, theme, }: {
+declare const TableLoading: ({ numRows, rowDensity, width, dataTest, theme, }: {
     numRows: number;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     width: number | string;
     dataTest: string;
     theme: UserAccessibleTheme;

package/dist-types/lib/user-facing/components/table/components/table-tag.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CompactMode } from "../types.js";
+import { RowDensity } from "../types.js";
 import type { MouseEventHandler } from "react";
 /** the minimum horizontal space that should be available to a tag for it to look ok */
 export declare const MIN_TAG_WIDTH = 32;
@@ -10,16 +10,16 @@ interface TableTagProps {
     fgColor: string;
     borderColor: string;
     showTooltip?: boolean;
-    compactMode?: CompactMode;
+    rowDensity?: RowDensity;
     isWrapped?: boolean;
 }
-export declare const TableTag: ({ text, bgColor, fgColor, borderColor, showTooltip, compactMode, isWrapped, }: TableTagProps) => React.JSX.Element;
+export declare const TableTag: ({ text, bgColor, fgColor, borderColor, showTooltip, rowDensity, isWrapped, }: TableTagProps) => React.JSX.Element;
 interface TableTagsShowMoreProps {
     count: number;
     onMouseEnter?: MouseEventHandler<HTMLElement>;
     onMouseLeave?: MouseEventHandler<HTMLElement>;
-    compactMode: CompactMode;
+    rowDensity: RowDensity;
     isWrapped?: boolean;
 }
-export declare const TableTagsShowMore: ({ count, onMouseEnter, onMouseLeave, compactMode, isWrapped, }: TableTagsShowMoreProps) => React.JSX.Element;
+export declare const TableTagsShowMore: ({ count, onMouseEnter, onMouseLeave, rowDensity, isWrapped, }: TableTagsShowMoreProps) => React.JSX.Element;
 export {};

package/dist-types/lib/user-facing/components/table/constants.d.ts

@@ -1,4 +1,4 @@
-import { TextSizes, IconSize, EditInputType } from "./types.js";
+import { type HorizontalAlignment, type VerticalAlignment, IconSize, EditInputType } from "./types.js";
 import type { Typographies } from "@superblocksteam/shared";
 export type TableSizes = {
     COLUMN_HEADER_HEIGHT: number;
@@ -12,29 +12,9 @@ export type TableSizes = {
     LINK_MENU_ICON_SIZE: IconSize;
     ROW_PADDING: number;
 };
-export declare const JUSTIFY_CONTENT: {
-    LEFT: string;
-    CENTER: string;
-    RIGHT: string;
-};
-export declare const ALIGN_ITEMS: {
-    TOP: string;
-    CENTER: string;
-    BOTTOM: string;
-};
-export declare const TEXT_ALIGN: {
-    LEFT: string;
-    CENTER: string;
-    RIGHT: string;
-};
-export declare const TEXT_SIZES: Record<TextSizes, string>;
-export declare const LEGACY_DEFAULT_CELL_TEXT_SIZE: TextSizes;
-export declare enum FontStyleTypes {
-    BOLD = "BOLD",
-    ITALIC = "ITALIC",
-    REGULAR = "REGULAR",
-    UNDERLINE = "UNDERLINE"
-}
+export declare const JUSTIFY_CONTENT: Record<HorizontalAlignment, string>;
+export declare const ALIGN_ITEMS: Record<VerticalAlignment, string>;
+export declare const TEXT_ALIGN: Record<HorizontalAlignment, string>;
 export declare const TABLE_SIZES: {
     [key: string]: TableSizes;
 };

package/dist-types/lib/user-facing/components/table/index.d.ts

@@ -22,14 +22,14 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 notation: import("../../properties-panel/props-builder.js").Prop<"compact" | "standard" | "scientific" | "engineering" | "unformatted", false>;
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
-                currency: import("../../properties-panel/props-builder.js").Prop<string, false>;
+                currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"currency", true>;
             } | {
                 minimumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 maximumFractionDigits: import("../../properties-panel/props-builder.js").Prop<number, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
             } | {
-                openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                openImageUrl: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
@@ -45,14 +45,11 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
             } | {
-                linkUrl: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 linkLabel: import("../../properties-panel/props-builder.js").Prop<string, false>;
-                openInNewTab: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
-                computedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
                 displayedValue: import("../../properties-panel/props-builder.js").Prop<string, false>;
@@ -111,17 +108,13 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 cellIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"percentage", true>;
             } | {
-                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
-                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 imageSize: import("../../properties-panel/props-builder.js").Prop<import("./types.js").ImageSize, false>;
                 imageBorderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+                horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+                cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"image", true>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
-                verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"video", true>;
             } | {
@@ -137,9 +130,9 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 buttonIcon: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 buttonIconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
                 buttonVariant: import("../../properties-panel/props-builder.js").Prop<import("../button/props.js").ButtonVariant, true>;
+                buttonTextStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 buttonBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 buttonBorder: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
-                buttonLabelColor: import("../../properties-panel/props-builder.js").Prop<string, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"button", true>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
@@ -148,18 +141,17 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"link", true>;
             } | {
-                booleanStyleFalse: import("../../properties-panel/props-builder.js").Prop<import("./types.js").BooleanStyleFalse, true>;
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
                 verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
+                booleanStyleFalse: import("../../properties-panel/props-builder.js").Prop<import("./types.js").BooleanStyleFalse, true>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"boolean", true>;
             } | {
-                tagDisplayConfig: import("../../properties-panel/props-builder.js").Prop<any, false>;
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
                 verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "bottom" | "top", true>;
-                "cellProps.textStyle": import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
                 cellBackground: import("../../properties-panel/props-builder.js").Prop<string, true>;
+                tagsWrap: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
+                tagDisplayConfig: import("../../properties-panel/props-builder.js").Prop<any, false>;
                 columnType: import("../../properties-panel/props-builder.js").Prop<"tags", true>;
             } | {
                 horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
@@ -218,8 +210,8 @@ export declare const SbTable: import("react").FC<import("../../properties-panel/
         selectedRowBackgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
         border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
         borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
-        compactMode: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CompactMode, false>;
-        maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        rowDensity: import("../../properties-panel/props-builder.js").Prop<import("./types.js").RowDensity, true>;
+        maxLinesPerRow: import("../../properties-panel/props-builder.js").Prop<number, true>;
         animateLoading: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, false>;
         collapseWhenHidden: import("../../properties-panel/props-builder.js").Prop<boolean, false>;