@marimo-team/frontend 0.22.1-dev25 → 0.22.1-dev26

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.
package/dist/index.html CHANGED
@@ -66,7 +66,7 @@
66
66
  <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
67
67
  <!-- /TODO -->
68
68
  <title>{{ title }}</title>
69
- <script type="module" crossorigin src="./assets/index-DPuSyce0.js"></script>
69
+ <script type="module" crossorigin src="./assets/index-Dfcne_w3.js"></script>
70
70
  <link rel="modulepreload" crossorigin href="./assets/preload-helper-DXnewu3N.js">
71
71
  <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
72
72
  <link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
@@ -242,7 +242,7 @@
242
242
  <link rel="stylesheet" crossorigin href="./assets/cells-jmgGt1lS.css">
243
243
  <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DdDKmWlR.css">
244
244
  <link rel="stylesheet" crossorigin href="./assets/JsonOutput-B7vuddcd.css">
245
- <link rel="stylesheet" crossorigin href="./assets/index-CCazW2UV.css">
245
+ <link rel="stylesheet" crossorigin href="./assets/index-DawClVBD.css">
246
246
  </head>
247
247
  <body>
248
248
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marimo-team/frontend",
3
- "version": "0.22.1-dev25",
3
+ "version": "0.22.1-dev26",
4
4
  "main": "dist/main.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",
@@ -257,7 +257,7 @@ export const TablePanel: React.FC<TablePanelProps> = ({
257
257
  saveTabChartType(tab.tabName, chartType);
258
258
  };
259
259
  return (
260
- <TabsContent key={idx} value={tab.tabName} className="h-[400px] mt-1">
260
+ <TabsContent key={idx} value={tab.tabName} className="h-[400px] mt-0">
261
261
  <ChartPanel
262
262
  tableData={data}
263
263
  chartConfig={tab.config}
@@ -475,7 +475,7 @@ export const ChartPanel: React.FC<{
475
475
  );
476
476
 
477
477
  return (
478
- <div className="flex flex-row gap-2 h-full rounded-md border pr-2">
478
+ <div className="flex flex-row gap-2 h-full rounded-md border-t pr-2">
479
479
  <div
480
480
  className={`relative flex flex-col gap-2 overflow-auto px-2 py-3 scrollbar-thin transition-width duration-200 ${formCollapsed ? "w-8" : "w-[300px]"}`}
481
481
  >
@@ -15,6 +15,7 @@
15
15
  border: 1px solid var(--gray-4);
16
16
 
17
17
  @apply divide-y divide-(--gray-5);
18
+
18
19
  &:hover {
19
20
  border-color: var(--gray-6);
20
21
  }
@@ -98,9 +99,7 @@
98
99
 
99
100
  /* Special case for particular components */
100
101
 
101
- .output-area:has(
102
- > .output:only-child > marimo-ui-element:only-child > marimo-table
103
- ) {
102
+ .output-area:has(> .output:only-child > marimo-ui-element:only-child > marimo-table) {
104
103
  padding: 0 0 5px;
105
104
  max-height: none;
106
105
  overflow: hidden;
@@ -112,6 +111,7 @@
112
111
  margin-top: 0.25rem;
113
112
  border: none;
114
113
  border-radius: 0;
114
+ border-top-left-radius: 9px;
115
115
  }
116
116
 
117
117
  marimo-table::part(table-wrapper) {
@@ -124,12 +124,12 @@
124
124
  }
125
125
  }
126
126
 
127
- & > :first-child {
127
+ &> :first-child {
128
128
  border-top-left-radius: 9px;
129
129
  border-top-right-radius: 9px;
130
130
  }
131
131
 
132
- & > :last-child {
132
+ &> :last-child {
133
133
  border-bottom-left-radius: 9px;
134
134
  border-bottom-right-radius: 9px;
135
135
  }
@@ -143,11 +143,11 @@
143
143
  }
144
144
  }
145
145
 
146
- > [data-hidden="true"] ~ * {
146
+ >[data-hidden="true"]~* {
147
147
  border-top: none;
148
148
  }
149
149
 
150
- > * ~ [data-hidden="true"] {
150
+ >*~[data-hidden="true"] {
151
151
  border-top: none;
152
152
  }
153
153
 
@@ -155,6 +155,7 @@
155
155
 
156
156
  &.stale,
157
157
  &.disabled.stale {
158
+
158
159
  .output-area,
159
160
  .cm-gutters,
160
161
  .cm {
@@ -169,6 +170,7 @@
169
170
  &.disabled.has-error,
170
171
  &.disabled:hover,
171
172
  &.disabled.has-error:hover {
173
+
172
174
  .output-area,
173
175
  .cm-gutters,
174
176
  .cm {
@@ -273,7 +275,7 @@
273
275
  &.borderless {
274
276
  border-color: transparent;
275
277
 
276
- & > * {
278
+ &>* {
277
279
  border-bottom: none;
278
280
  }
279
281
 
@@ -323,7 +325,7 @@
323
325
  &.borderless {
324
326
  border-color: transparent;
325
327
 
326
- & > * {
328
+ &>* {
327
329
  border-bottom: none;
328
330
  }
329
331
 
@@ -385,6 +387,7 @@
385
387
  border-top-left-radius: 9px;
386
388
  border-top-right-radius: 9px;
387
389
  }
390
+
388
391
  div[data-ai-input-open="true"] .cm-editor {
389
392
  border-top-left-radius: 0;
390
393
  border-top-right-radius: 0;
@@ -417,6 +420,7 @@
417
420
 
418
421
  /* Hide tray when dragging a cell, to prevent messing up the measurements. */
419
422
  .marimo-cell.is-moving {
423
+
420
424
  .tray::before,
421
425
  .tray::after {
422
426
  display: none;
@@ -509,8 +513,7 @@
509
513
 
510
514
  .marimo-output-stale.marimo-output-loading,
511
515
  .marimo-cell.stale .output-area.marimo-output-stale.marimo-output-loading,
512
- .marimo-cell.stale
513
- .console-output-area.marimo-output-stale.marimo-output-loading {
516
+ .marimo-cell.stale .console-output-area.marimo-output-stale.marimo-output-loading {
514
517
  opacity: 0.4;
515
518
  filter: grayscale(50%);
516
519
  transition: 300ms;