@underlayerdev/ui 0.0.4 → 0.2.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.
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Elevation tokens for z-index layering.
|
|
3
|
+
* Use these instead of hardcoded values to ensure consistent stacking order.
|
|
4
|
+
*
|
|
5
|
+
* Stacking order (low to high):
|
|
6
|
+
* - base, raised: content layers
|
|
7
|
+
* - navbar: sticky navigation
|
|
8
|
+
* - dropdown: popovers, dropdowns
|
|
9
|
+
* - overlay: backdrops (sidebar overlay, modal backdrop)
|
|
10
|
+
* - drawer: sliding panels (sidebar drawer)
|
|
11
|
+
* - modal: dialogs
|
|
12
|
+
* - toast: notifications
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
$elevation-base: 0 !default;
|
|
16
|
+
$elevation-raised: 1 !default;
|
|
17
|
+
$elevation-navbar: 100 !default;
|
|
18
|
+
$elevation-dropdown: 200 !default;
|
|
19
|
+
$elevation-overlay: 900 !default;
|
|
20
|
+
$elevation-drawer: 1000 !default;
|
|
21
|
+
$elevation-modal: 1100 !default;
|
|
22
|
+
$elevation-toast: 1200 !default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Public Sass entry point for @underlayerdev/ui design tokens.
|
|
3
|
+
*
|
|
4
|
+
* Consuming apps can import this via the `pkg:` importer:
|
|
5
|
+
*
|
|
6
|
+
* @use 'pkg:@underlayerdev/ui/design-tokens' as tokens;
|
|
7
|
+
*
|
|
8
|
+
* .my-component {
|
|
9
|
+
* padding: tokens.$spacing-spacing-4;
|
|
10
|
+
* color: tokens.$color-text-secondary;
|
|
11
|
+
* }
|
|
12
|
+
*
|
|
13
|
+
* Requires Dart Sass with the Node package importer enabled (supported by
|
|
14
|
+
* @angular/build out of the box since Angular CLI 20+).
|
|
15
|
+
*/
|
|
16
|
+
@forward 'variables';
|
|
17
|
+
@forward 'elevations';
|