@tempoxyz/ds 0.1.1 → 0.1.2
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/web/components/AppShell.css +1 -1
- package/dist/web/components/AppShell.d.ts +1 -1
- package/dist/web/components/AppShell.d.ts.map +1 -1
- package/dist/web/components/AppShell.js +7 -5
- package/dist/web/components/AppShell.js.map +1 -1
- package/dist/web/components/AppShell.js.zyzz.json +1 -1
- package/dist/web/index.js.zyzz.json +1 -1
- package/package.json +1 -1
- package/src/web/components/AppShell.tsx +17 -15
package/package.json
CHANGED
|
@@ -391,21 +391,6 @@ namespace styles {
|
|
|
391
391
|
{ id: 'tds/web/app-shell/header' },
|
|
392
392
|
)
|
|
393
393
|
|
|
394
|
-
export const inline = style(
|
|
395
|
-
{
|
|
396
|
-
borderInlineEndColor: 'grayAlpha.200',
|
|
397
|
-
borderInlineEndStyle: 'solid',
|
|
398
|
-
borderInlineEndWidth: '1px !custom',
|
|
399
|
-
height: '100dvh !custom',
|
|
400
|
-
insetBlockStart: '0 !custom',
|
|
401
|
-
overflowY: 'auto',
|
|
402
|
-
position: 'sticky',
|
|
403
|
-
width: 'var(--sidebar-width, 16.25rem) !custom',
|
|
404
|
-
'@media (max-width: 1023px)': { display: 'none !custom' },
|
|
405
|
-
},
|
|
406
|
-
{ id: 'tds/web/app-shell/inline' },
|
|
407
|
-
)
|
|
408
|
-
|
|
409
394
|
export const main = variants(
|
|
410
395
|
{
|
|
411
396
|
base: {
|
|
@@ -475,6 +460,23 @@ namespace styles {
|
|
|
475
460
|
{ id: 'tds/web/app-shell/sidebar' },
|
|
476
461
|
)
|
|
477
462
|
|
|
463
|
+
// Follows `sidebar`, so its compact `display: none` overrides the sidebar's `display: flex` in
|
|
464
|
+
// server-rendered markup, which always emits the wide layout.
|
|
465
|
+
export const inline = style(
|
|
466
|
+
{
|
|
467
|
+
borderInlineEndColor: 'grayAlpha.200',
|
|
468
|
+
borderInlineEndStyle: 'solid',
|
|
469
|
+
borderInlineEndWidth: '1px !custom',
|
|
470
|
+
height: '100dvh !custom',
|
|
471
|
+
insetBlockStart: '0 !custom',
|
|
472
|
+
overflowY: 'auto',
|
|
473
|
+
position: 'sticky',
|
|
474
|
+
width: 'var(--sidebar-width, 16.25rem) !custom',
|
|
475
|
+
'@media (max-width: 1023px)': { display: 'none !custom' },
|
|
476
|
+
},
|
|
477
|
+
{ id: 'tds/web/app-shell/inline' },
|
|
478
|
+
)
|
|
479
|
+
|
|
478
480
|
export const sidebarBody = variants(
|
|
479
481
|
{
|
|
480
482
|
base: {
|