@gallop.software/studio 1.5.3 → 1.5.4

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.
@@ -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;
@@ -3157,9 +3164,9 @@ var styles6 = {
3157
3164
  display: flex;
3158
3165
  align-items: center;
3159
3166
  gap: 4px;
3160
- font-size: 12px;
3167
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3161
3168
  color: #f59e0b;
3162
- margin: 0;
3169
+ margin: 2px 0 0 0;
3163
3170
  `,
3164
3171
  globeIcon: _react3.css`
3165
3172
  width: 18px;
@@ -3431,15 +3438,15 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3431
3438
  /* @__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
3439
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: item.name }),
3433
3440
  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: [
3441
+ 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
3442
  /* @__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
3443
  item.localCount
3437
3444
  ] }),
3438
- item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.cloudCount} in cloud`, children: [
3445
+ 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
3446
  /* @__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
3447
  item.cloudCount
3441
3448
  ] }),
3442
- item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.remoteCount} remote`, children: [
3449
+ 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
3450
  /* @__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
3451
  item.remoteCount
3445
3452
  ] }),
@@ -3661,8 +3668,16 @@ var styles7 = {
3661
3668
  display: flex;
3662
3669
  align-items: center;
3663
3670
  gap: 3px;
3664
- font-size: 12px;
3665
- color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3671
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3672
+ `,
3673
+ folderStatLocal: _react3.css`
3674
+ color: ${_chunkN6JYTJCBjs.colors.textMuted};
3675
+ `,
3676
+ folderStatCloud: _react3.css`
3677
+ color: #f59e0b;
3678
+ `,
3679
+ folderStatRemote: _react3.css`
3680
+ color: #ef4444;
3666
3681
  `,
3667
3682
  folderStatIconCloud: _react3.css`
3668
3683
  width: 14px;
@@ -3683,7 +3698,7 @@ var styles7 = {
3683
3698
  display: flex;
3684
3699
  align-items: center;
3685
3700
  gap: 4px;
3686
- font-size: 12px;
3701
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3687
3702
  color: #f59e0b;
3688
3703
  `,
3689
3704
  globeIcon: _react3.css`
@@ -4025,15 +4040,15 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
4025
4040
  ] })
4026
4041
  ] }) }),
4027
4042
  /* @__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: [
4043
+ 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
4044
  /* @__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
4045
  item.localCount
4031
4046
  ] }),
4032
- item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.cloudCount} in cloud`, children: [
4047
+ 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
4048
  /* @__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
4049
  item.cloudCount
4035
4050
  ] }),
4036
- item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.remoteCount} remote`, children: [
4051
+ 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
4052
  /* @__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
4053
  item.remoteCount
4039
4054
  ] }),
@@ -6329,4 +6344,4 @@ var StudioUI_default = StudioUI;
6329
6344
 
6330
6345
 
6331
6346
  exports.StudioUI = StudioUI; exports.default = StudioUI_default;
6332
- //# sourceMappingURL=StudioUI-U5BEIRJP.js.map
6347
+ //# sourceMappingURL=StudioUI-JNACMWLN.js.map