@zikojs/notebook 0.13.0 → 0.14.1

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zikojs/notebook",
3
- "version": "0.13.0",
3
+ "version": "0.14.1",
4
4
  "description": "A lightweight, extensible JavaScript notebook component with Markdown, executable cells, persistent state, and pluggable runtimes.",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -27,6 +27,9 @@
27
27
  },
28
28
  "./style": {
29
29
  "import": "./src/index.css"
30
+ },
31
+ "./style.css": {
32
+ "import": "./src/index.css"
30
33
  }
31
34
  },
32
35
  "files": [
@@ -1,5 +1,5 @@
1
1
  import { transformImportsAndScope } from "./transform.js";
2
- import { Console as _Console } from '@zikojs/console'
2
+ import { Console as _Console } from '@zikojs/console/no-css'
3
3
  import { tags } from 'ziko/dom'
4
4
  const { div } = tags
5
5
 
@@ -6,7 +6,7 @@
6
6
  padding: 10px 16px;
7
7
  display: flex;
8
8
  align-items: center;
9
- justify-content: space-between;
9
+ justify-content: center;
10
10
  gap: 12px;
11
11
  flex-wrap: wrap;
12
12
  position: sticky;
@@ -29,7 +29,7 @@
29
29
  .ziko-notebook .toolbar {
30
30
  display: flex;
31
31
  gap: 6px;
32
- align-items: center;
32
+ align-items: baseline;
33
33
  flex-wrap: wrap;
34
34
  max-width: 100%;
35
35
  }
@@ -12,7 +12,9 @@
12
12
  background: #ffffff;
13
13
  color: #1e293b;
14
14
  cursor: pointer;
15
- height: 24px;
15
+ height: 28px;
16
+ min-width: 50px;
17
+ translate: 0 -2px;
16
18
  }
17
19
 
18
20
  .ziko-notebook .runtime-select:focus {
package/src/index.css CHANGED
@@ -1,3 +1,4 @@
1
+ @import '@zikojs/console/style';
1
2
  @import url('./components/index.css');
2
3
 
3
4
  .ziko-notebook {
@@ -107,7 +108,8 @@
107
108
 
108
109
  .ziko-notebook .cell-controls {
109
110
  display: flex;
110
- align-items: center;
111
+ /* align-items: center; */
112
+ align-items: baseline;
111
113
  justify-content: flex-end;
112
114
  grid-column: 1 / -1;
113
115
  gap: 4px;
@@ -146,6 +148,7 @@
146
148
  .ziko-notebook .toolbar {
147
149
  width: 100%;
148
150
  justify-content: center;
151
+ align-items: baseline;
149
152
  }
150
153
 
151
154
  .ziko-notebook .cell-input-grid {
File without changes