@gallop.software/studio 1.5.3 → 1.5.5

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 (9) hide show
  1. package/dist/{StudioUI-U5BEIRJP.js → StudioUI-RRWDEHCI.js} +49 -26
  2. package/dist/StudioUI-RRWDEHCI.js.map +1 -0
  3. package/dist/{StudioUI-GAV4ZPGC.mjs → StudioUI-VIYONKHA.mjs} +49 -26
  4. package/dist/StudioUI-VIYONKHA.mjs.map +1 -0
  5. package/dist/index.js +1 -1
  6. package/dist/index.mjs +1 -1
  7. package/package.json +1 -1
  8. package/dist/StudioUI-GAV4ZPGC.mjs.map +0 -1
  9. package/dist/StudioUI-U5BEIRJP.js.map +0 -1
package/dist/{StudioUI-U5BEIRJP.js → StudioUI-RRWDEHCI.js} RENAMED
@@ -3124,15 +3124,22 @@ var styles6 = {
3124
3124
  display: flex;
3125
3125
  align-items: center;
3126
3126
  gap: 8px;
3127
- margin-left: auto;
3128
- padding-left: 8px;
3127
+ margin: 2px 0 0 0;
3129
3128
  `,
3130
3129
  folderStat: _react3.css`
3131
3130
  display: flex;
3132
3131
  align-items: center;
3133
3132
  gap: 3px;
3134
- font-size: 11px;
3135
- color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3133
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3134
+ `,
3135
+ folderStatLocal: _react3.css`
3136
+ color: ${_chunkN6JYTJCBjs.colors.textMuted};
3137
+ `,
3138
+ folderStatCloud: _react3.css`
3139
+ color: #f59e0b;
3140
+ `,
3141
+ folderStatRemote: _react3.css`
3142
+ color: #ef4444;
3136
3143
  `,
3137
3144
  folderStatIcon: _react3.css`
3138
3145
  width: 14px;
@@ -3156,10 +3163,17 @@ var styles6 = {
3156
3163
  storedLabel: _react3.css`
3157
3164
  display: flex;
3158
3165
  align-items: center;
3159
- gap: 4px;
3160
- font-size: 12px;
3166
+ margin: 2px 0 0 0;
3167
+ `,
3168
+ storedIconCloud: _react3.css`
3169
+ width: 16px;
3170
+ height: 16px;
3161
3171
  color: #f59e0b;
3162
- margin: 0;
3172
+ `,
3173
+ storedIconRemote: _react3.css`
3174
+ width: 16px;
3175
+ height: 16px;
3176
+ color: #ef4444;
3163
3177
  `,
3164
3178
  globeIcon: _react3.css`
3165
3179
  width: 18px;
@@ -3431,15 +3445,15 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3431
3445
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.labelRow, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.labelText, children: [
3432
3446
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: item.name }),
3433
3447
  isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.folderStats, children: [
3434
- item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.localCount} local`, children: [
3448
+ item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles6.folderStat, styles6.folderStatLocal], title: `${item.localCount} local`, children: [
3435
3449
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.folderStatIconLocal, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
3436
3450
  item.localCount
3437
3451
  ] }),
3438
- item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.cloudCount} in cloud`, children: [
3452
+ item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles6.folderStat, styles6.folderStatCloud], title: `${item.cloudCount} in cloud`, children: [
3439
3453
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
3440
3454
  item.cloudCount
3441
3455
  ] }),
3442
- item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.remoteCount} remote`, children: [
3456
+ item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles6.folderStat, styles6.folderStatRemote], title: `${item.remoteCount} remote`, children: [
3443
3457
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.folderStatIconRemote, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
3444
3458
  item.remoteCount
3445
3459
  ] }),
@@ -3447,10 +3461,7 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3447
3461
  item.fileCount,
3448
3462
  " files"
3449
3463
  ] })
3450
- ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles6.storedLabel, children: [
3451
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles6.folderStatIconRemote : styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
3452
- "stored"
3453
- ] }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
3464
+ ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.storedLabel, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles6.storedIconRemote : styles6.storedIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
3454
3465
  ] }) }) })
3455
3466
  ]
3456
3467
  }
@@ -3661,8 +3672,16 @@ var styles7 = {
3661
3672
  display: flex;
3662
3673
  align-items: center;
3663
3674
  gap: 3px;
3664
- font-size: 12px;
3665
- color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3675
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3676
+ `,
3677
+ folderStatLocal: _react3.css`
3678
+ color: ${_chunkN6JYTJCBjs.colors.textMuted};
3679
+ `,
3680
+ folderStatCloud: _react3.css`
3681
+ color: #f59e0b;
3682
+ `,
3683
+ folderStatRemote: _react3.css`
3684
+ color: #ef4444;
3666
3685
  `,
3667
3686
  folderStatIconCloud: _react3.css`
3668
3687
  width: 14px;
@@ -3682,10 +3701,17 @@ var styles7 = {
3682
3701
  storedLabel: _react3.css`
3683
3702
  display: flex;
3684
3703
  align-items: center;
3685
- gap: 4px;
3686
- font-size: 12px;
3704
+ `,
3705
+ storedIconCloud: _react3.css`
3706
+ width: 16px;
3707
+ height: 16px;
3687
3708
  color: #f59e0b;
3688
3709
  `,
3710
+ storedIconRemote: _react3.css`
3711
+ width: 16px;
3712
+ height: 16px;
3713
+ color: #ef4444;
3714
+ `,
3689
3715
  globeIcon: _react3.css`
3690
3716
  width: 16px;
3691
3717
  height: 16px;
@@ -4025,15 +4051,15 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
4025
4051
  ] })
4026
4052
  ] }) }),
4027
4053
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles7.td, styles7.meta], children: isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles7.folderStats, children: [
4028
- item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.localCount} local`, children: [
4054
+ item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles7.folderStat, styles7.folderStatLocal], title: `${item.localCount} local`, children: [
4029
4055
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderStatIconLocal, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
4030
4056
  item.localCount
4031
4057
  ] }),
4032
- item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.cloudCount} in cloud`, children: [
4058
+ item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles7.folderStat, styles7.folderStatCloud], title: `${item.cloudCount} in cloud`, children: [
4033
4059
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
4034
4060
  item.cloudCount
4035
4061
  ] }),
4036
- item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.remoteCount} remote`, children: [
4062
+ item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles7.folderStat, styles7.folderStatRemote], title: `${item.remoteCount} remote`, children: [
4037
4063
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderStatIconRemote, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
4038
4064
  item.remoteCount
4039
4065
  ] }),
@@ -4042,10 +4068,7 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
4042
4068
  " files"
4043
4069
  ] }),
4044
4070
  !item.localCount && !item.cloudCount && !item.remoteCount && item.fileCount === void 0 && "--"
4045
- ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.storedLabel, children: [
4046
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles7.folderStatIconRemote : styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
4047
- "stored"
4048
- ] }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
4071
+ ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.storedLabel, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles7.storedIconRemote : styles7.storedIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
4049
4072
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles7.td, styles7.meta], children: isFolder ? item.totalSize !== void 0 ? formatFileSize2(item.totalSize) : "--" : item.dimensions ? `${item.dimensions.width}x${item.dimensions.height}` : "--" }),
4050
4073
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: styles7.td, children: item.cdnPushed ? item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.cdnBadgeRemote, children: "Remote" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.cdnBadge, children: [
4051
4074
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.cdnIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }),
@@ -6329,4 +6352,4 @@ var StudioUI_default = StudioUI;
6329
6352
 
6330
6353
 
6331
6354
  exports.StudioUI = StudioUI; exports.default = StudioUI_default;
6332
- //# sourceMappingURL=StudioUI-U5BEIRJP.js.map
6355
+ //# sourceMappingURL=StudioUI-RRWDEHCI.js.map