@dereekb/dbx-web 13.18.0 → 13.20.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/eslint/package.json +4 -4
- package/fesm2022/dereekb-dbx-web-style-demo.mjs +12 -2
- package/fesm2022/dereekb-dbx-web-style-demo.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web.mjs +17 -8
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/extension/calendar/_calendar.scss +16 -8
- package/lib/extension/table/_table.scss +6 -1
- package/lib/interaction/style/_style.scss +1 -4
- package/lib/layout/column/_column.scss +7 -1
- package/lib/layout/content/_content.scss +76 -15
- package/lib/layout/list/_list.scss +125 -8
- package/lib/layout/section/_section.scss +15 -0
- package/lib/router/layout/sidenav/_sidenav.scss +6 -0
- package/lib/style/_root-variables.scss +20 -0
- package/lib/style/_style-demo.scss +16 -0
- package/lib/style/_variables.scss +36 -0
- package/package.json +7 -7
- package/types/dereekb-dbx-web-style-demo.d.ts +5 -2
- package/types/dereekb-dbx-web.d.ts +9 -3
|
@@ -2448,9 +2448,14 @@ type DbxContentPitScrollableHeightSetting = 'small' | 'medium' | 'large';
|
|
|
2448
2448
|
* Wraps content in a recessed "pit" container with optional scrollable overflow and rounded corners.
|
|
2449
2449
|
* Useful for displaying bounded content areas such as lists or previews with a constrained height.
|
|
2450
2450
|
*
|
|
2451
|
-
* Pits round their corners by default. Pass `[
|
|
2451
|
+
* Pits round their corners by default. Pass `[square]="true"` to square the pit — this applies the
|
|
2452
2452
|
* common `.dbx-corners-none` opt-out utility rather than a pit-specific class.
|
|
2453
2453
|
*
|
|
2454
|
+
* When `[scrollable]` is set the pit frame (padding, background, corners) stays fixed and an inner
|
|
2455
|
+
* `.dbx-content-pit-scrollable-content` wrapper does the scrolling — wrap the body in that element so
|
|
2456
|
+
* the frame doesn't shift at the scroll extremes. The resolved max height is published as the
|
|
2457
|
+
* `--dbx-content-pit-scrollable-max-height` custom property, which the inner wrapper reads.
|
|
2458
|
+
*
|
|
2454
2459
|
* @dbxWebComponent
|
|
2455
2460
|
* @dbxWebSlug content-pit
|
|
2456
2461
|
* @dbxWebCategory layout
|
|
@@ -2467,10 +2472,11 @@ type DbxContentPitScrollableHeightSetting = 'small' | 'medium' | 'large';
|
|
|
2467
2472
|
*/
|
|
2468
2473
|
declare class DbxContentPitDirective {
|
|
2469
2474
|
readonly scrollable: _angular_core.InputSignal<Maybe<DbxContentPitScrollableInput>>;
|
|
2470
|
-
readonly
|
|
2475
|
+
readonly square: _angular_core.InputSignal<boolean>;
|
|
2471
2476
|
readonly scrollableHeightSignal: _angular_core.Signal<string | null>;
|
|
2477
|
+
readonly scrollableMaxHeightSignal: _angular_core.Signal<string>;
|
|
2472
2478
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxContentPitDirective, never>;
|
|
2473
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxContentPitDirective, "dbx-content-pit, [dbxContentPit]", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "
|
|
2479
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxContentPitDirective, "dbx-content-pit, [dbxContentPit]", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2474
2480
|
}
|
|
2475
2481
|
|
|
2476
2482
|
/**
|