@ojiepermana/angular-theme 22.0.46 → 22.0.47

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": "@ojiepermana/angular-theme",
3
- "version": "22.0.46",
3
+ "version": "22.0.47",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/edsis/angular.git"
@@ -13,8 +13,8 @@
13
13
  "@angular/common": ">=22.0.0",
14
14
  "@angular/core": ">=22.0.0",
15
15
  "@angular/router": ">=22.0.0",
16
- "@ojiepermana/angular-navigation": "^22.0.46",
17
- "@ojiepermana/angular-component": "^22.0.46",
16
+ "@ojiepermana/angular-navigation": "^22.0.47",
17
+ "@ojiepermana/angular-component": "^22.0.47",
18
18
  "rxjs": ">=7.8.0"
19
19
  },
20
20
  "peerDependenciesMeta": {
@@ -127,6 +127,27 @@
127
127
  font-weight: var(--nav-badge-weight, 500);
128
128
  }
129
129
 
130
+ /* Modal overlay backdrop shared by Dialog, Sheet, and Drawer. The element is
131
+ * rendered inside the CDK overlay container (outside component view
132
+ * encapsulation), so its styles must live in this global layer. The default
133
+ * `dim` surface uses the --overlay-backdrop token so it recolors with the
134
+ * active theme/mode; components opt into `blur`/`transparent` via a modifier
135
+ * class. Fade-in rides on CDK's .cdk-overlay-backdrop opacity transition. */
136
+ .dialog-backdrop {
137
+ background-color: hsl(var(--overlay-backdrop));
138
+ }
139
+
140
+ .dialog-backdrop.dialog-backdrop-blur {
141
+ backdrop-filter: blur(4px);
142
+ -webkit-backdrop-filter: blur(4px);
143
+ }
144
+
145
+ .dialog-backdrop.dialog-backdrop-transparent {
146
+ background-color: transparent;
147
+ backdrop-filter: none;
148
+ -webkit-backdrop-filter: none;
149
+ }
150
+
130
151
  /* Layout `honeycomb` surface — a TRUE tessellated flat-top hexagon grid drawn
131
152
  * as a token-colored mask layer, so it recolors with the active theme/neutral
132
153
  * (light + dark) like the other `<Layout surface>` patterns. Adjacent hexagons