@gjsify/storybook-nativescript 0.43.0 → 0.45.0
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 +9 -9
- package/src/theme/storybook.css +26 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gjsify/storybook-nativescript",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.45.0",
|
|
4
4
|
"description": "NativeScript renderer for the @gjsify/stories contract — the NS counterpart of @gjsify/storybook (GTK) and @gjsify/adwaita-storybook (browser), built on @gjsify/adwaita-nativescript real native widgets",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "lib/esm/index.js",
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
"gnome"
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@gjsify/adwaita-icons": "^0.
|
|
43
|
-
"@gjsify/adwaita-core": "^0.
|
|
44
|
-
"@gjsify/adwaita-nativescript": "^0.
|
|
45
|
-
"@gjsify/devtools-nativescript": "^0.
|
|
46
|
-
"@gjsify/stories": "^0.
|
|
47
|
-
"@gjsify/storybook-core": "^0.
|
|
42
|
+
"@gjsify/adwaita-icons": "^0.45.0",
|
|
43
|
+
"@gjsify/adwaita-core": "^0.45.0",
|
|
44
|
+
"@gjsify/adwaita-nativescript": "^0.45.0",
|
|
45
|
+
"@gjsify/devtools-nativescript": "^0.45.0",
|
|
46
|
+
"@gjsify/stories": "^0.45.0",
|
|
47
|
+
"@gjsify/storybook-core": "^0.45.0"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@nativescript/core": "*"
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@gjsify/cli": "^0.
|
|
59
|
-
"@gjsify/unit": "^0.
|
|
58
|
+
"@gjsify/cli": "^0.45.0",
|
|
59
|
+
"@gjsify/unit": "^0.45.0",
|
|
60
60
|
"@nativescript/types": "~9.0.0",
|
|
61
61
|
"@types/node": "^25.9.2",
|
|
62
62
|
"typescript": "^6.0.3"
|
package/src/theme/storybook.css
CHANGED
|
@@ -44,6 +44,16 @@
|
|
|
44
44
|
background-color: #ebebed;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
+
/* The BOX the header bar sits in, not the header bar. AdwToolbarView pads it with
|
|
48
|
+
* the status-bar inset (#1128) and `.adw-toolbar-view-top` paints that padding in
|
|
49
|
+
* the DEFAULT header colour — white. Recolouring `.sb-sidebar-header` alone left
|
|
50
|
+
* that band white above a #ebebed sidebar: measured on emulator-5554, a 142 px
|
|
51
|
+
* (54 dp) white stripe between the clock and the title. The box has to carry the
|
|
52
|
+
* pane's colour too, which is what the widget's own comment says the box is for. */
|
|
53
|
+
.sb-sidebar-pane .adw-toolbar-view-top {
|
|
54
|
+
background-color: #ebebed;
|
|
55
|
+
}
|
|
56
|
+
|
|
47
57
|
.sb-sidebar-scroll {
|
|
48
58
|
background-color: #ebebed;
|
|
49
59
|
}
|
|
@@ -100,6 +110,11 @@
|
|
|
100
110
|
background-color: #fafafb;
|
|
101
111
|
}
|
|
102
112
|
|
|
113
|
+
/* Same as `.sb-sidebar-pane .adw-toolbar-view-top`, for the detail pane. */
|
|
114
|
+
.sb-content-pane .adw-toolbar-view-top {
|
|
115
|
+
background-color: #fafafb;
|
|
116
|
+
}
|
|
117
|
+
|
|
103
118
|
.sb-back-button,
|
|
104
119
|
.sb-controls-toggle {
|
|
105
120
|
font-size: 18;
|
|
@@ -200,6 +215,17 @@
|
|
|
200
215
|
background-color: #2e2e32;
|
|
201
216
|
}
|
|
202
217
|
|
|
218
|
+
/* Dark twins of the two `.adw-toolbar-view-top` rules above. The dark default
|
|
219
|
+
* (#2e2e32) happens to equal the dark sidebar, so only the detail pane showed the
|
|
220
|
+
* band in dark mode — both are pinned here rather than relying on that coincidence. */
|
|
221
|
+
.ns-dark .sb-sidebar-pane .adw-toolbar-view-top {
|
|
222
|
+
background-color: #2e2e32;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.ns-dark .sb-content-pane .adw-toolbar-view-top {
|
|
226
|
+
background-color: #1d1d20;
|
|
227
|
+
}
|
|
228
|
+
|
|
203
229
|
.ns-dark .sb-category {
|
|
204
230
|
color: rgba(255, 255, 255, 0.55);
|
|
205
231
|
}
|