@ng-zen/cli 21.1.1 → 21.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.
package/CHANGELOG.md CHANGED
@@ -1,445 +1,11 @@
1
- ## [21.1.1](https://github.com/kstepien3/ng-zen/compare/v21.1.0...v21.1.1) (2026-02-25)
2
-
3
- ### 🐛 Bug Fixes
4
-
5
- * **icon:** support all SVG shapes and normalize attribute naming ([#380](https://github.com/kstepien3/ng-zen/issues/380)) ([56cf31f](https://github.com/kstepien3/ng-zen/commit/56cf31ffbd59ca427ddb2f284f264a110d63ad4e))
6
-
7
- ### 🛠️ Code Refactor
8
-
9
- * **ng-add:** improve icon library installation ([#384](https://github.com/kstepien3/ng-zen/issues/384)) ([a0145de](https://github.com/kstepien3/ng-zen/commit/a0145deed42eb009a78f2dbef3873710a316215f))
10
-
11
- ### 📚 Documentation
12
-
13
- * **alert:** update example ([#382](https://github.com/kstepien3/ng-zen/issues/382)) ([3d29acb](https://github.com/kstepien3/ng-zen/commit/3d29acbd575d2a3eb3e5028f1abb9d0118918cc2))
14
- * **icon:** update component description and usage guidance ([#385](https://github.com/kstepien3/ng-zen/issues/385)) ([eb329bd](https://github.com/kstepien3/ng-zen/commit/eb329bdcf7e383bf7a2a54a39f75be7257c4377f))
15
-
16
- ## [21.1.1-next.2](https://github.com/kstepien3/ng-zen/compare/v21.1.1-next.1...v21.1.1-next.2) (2026-02-24)
17
-
18
- ### 🛠️ Code Refactor
19
-
20
- * **ng-add:** improve icon library installation ([#384](https://github.com/kstepien3/ng-zen/issues/384)) ([a0145de](https://github.com/kstepien3/ng-zen/commit/a0145deed42eb009a78f2dbef3873710a316215f))
21
-
22
- ### 📚 Documentation
23
-
24
- * **icon:** update component description and usage guidance ([#385](https://github.com/kstepien3/ng-zen/issues/385)) ([eb329bd](https://github.com/kstepien3/ng-zen/commit/eb329bdcf7e383bf7a2a54a39f75be7257c4377f))
25
-
26
- ## [21.1.1-next.1](https://github.com/kstepien3/ng-zen/compare/v21.1.0...v21.1.1-next.1) (2026-02-23)
27
-
28
- ### 🐛 Bug Fixes
29
-
30
- * **icon:** support all SVG shapes and normalize attribute naming ([#380](https://github.com/kstepien3/ng-zen/issues/380)) ([56cf31f](https://github.com/kstepien3/ng-zen/commit/56cf31ffbd59ca427ddb2f284f264a110d63ad4e))
31
-
32
- ### 📚 Documentation
33
-
34
- * **alert:** update example ([#382](https://github.com/kstepien3/ng-zen/issues/382)) ([3d29acb](https://github.com/kstepien3/ng-zen/commit/3d29acbd575d2a3eb3e5028f1abb9d0118918cc2))
35
-
36
- ## [21.1.0](https://github.com/kstepien3/ng-zen/compare/v21.0.0...v21.1.0) (2026-02-17)
37
-
38
- ### 🚀 New Features
39
-
40
- * **components:** improve path component generation ([#362](https://github.com/kstepien3/ng-zen/issues/362)) ([8503565](https://github.com/kstepien3/ng-zen/commit/8503565076e2189a36c18b8555639cf86adb2fcc))
41
- * **popover:** add new component ([#374](https://github.com/kstepien3/ng-zen/issues/374)) ([c67daea](https://github.com/kstepien3/ng-zen/commit/c67daea23027ecfdd868b96ff29b65903059ac20))
42
-
43
- ### 🛠️ Code Refactor
44
-
45
- * **ui:** rename `components` to `ui` across schematics ([#376](https://github.com/kstepien3/ng-zen/issues/376)) ([6b1bc9f](https://github.com/kstepien3/ng-zen/commit/6b1bc9fc6197fefa85d3eb0d2d9947ef44547533))
46
-
47
- ## [21.1.0-next.1](https://github.com/kstepien3/ng-zen/compare/v21.0.0...v21.1.0-next.1) (2026-02-15)
48
-
49
- ### 🚀 New Features
50
-
51
- * **components:** improve path component generation ([#362](https://github.com/kstepien3/ng-zen/issues/362)) ([8503565](https://github.com/kstepien3/ng-zen/commit/8503565076e2189a36c18b8555639cf86adb2fcc))
52
- * **popover:** add new component ([#374](https://github.com/kstepien3/ng-zen/issues/374)) ([c67daea](https://github.com/kstepien3/ng-zen/commit/c67daea23027ecfdd868b96ff29b65903059ac20))
53
-
54
- ### 🛠️ Code Refactor
55
-
56
- * **ui:** rename `components` to `ui` across schematics ([#376](https://github.com/kstepien3/ng-zen/issues/376)) ([6b1bc9f](https://github.com/kstepien3/ng-zen/commit/6b1bc9fc6197fefa85d3eb0d2d9947ef44547533))
57
-
58
- ## [21.0.0](https://github.com/kstepien3/ng-zen/compare/v20.5.0...v21.0.0) (2025-12-18)
59
-
60
- ### ⚠ BREAKING CHANGES
61
-
62
- * upgrade Angular v21 + Storybook v10, add vitest (#363)
63
-
64
- ### chore
65
-
66
- * upgrade Angular v21 + Storybook v10, add vitest ([#363](https://github.com/kstepien3/ng-zen/issues/363)) ([13bd57e](https://github.com/kstepien3/ng-zen/commit/13bd57ebd5b5fd26721947645dace5da97defa45))
67
-
68
- ### 📚 Documentation
69
-
70
- * **readme:** update info about testing framework ([#371](https://github.com/kstepien3/ng-zen/issues/371)) ([9fe8e7f](https://github.com/kstepien3/ng-zen/commit/9fe8e7f28911731c5c6482d7b69463e72a4c4232))
71
-
72
- ## [21.0.0-next.1](https://github.com/kstepien3/ng-zen/compare/v20.5.0...v21.0.0-next.1) (2025-12-16)
73
-
74
- ### ⚠ BREAKING CHANGES
75
-
76
- * upgrade Angular v21 + Storybook v10, add vitest (#363)
77
-
78
- ### chore
79
-
80
- * upgrade Angular v21 + Storybook v10, add vitest ([#363](https://github.com/kstepien3/ng-zen/issues/363)) ([13bd57e](https://github.com/kstepien3/ng-zen/commit/13bd57ebd5b5fd26721947645dace5da97defa45))
81
-
82
- ### 📚 Documentation
83
-
84
- * **readme:** update info about testing framework ([#371](https://github.com/kstepien3/ng-zen/issues/371)) ([9fe8e7f](https://github.com/kstepien3/ng-zen/commit/9fe8e7f28911731c5c6482d7b69463e72a4c4232))
85
-
86
- ## [20.5.0](https://github.com/kstepien3/ng-zen/compare/v20.4.0...v20.5.0) (2025-11-30)
87
-
88
- ### 🚀 New Features
89
-
90
- * **radio:** add component ([#358](https://github.com/kstepien3/ng-zen/issues/358)) ([a2f170e](https://github.com/kstepien3/ng-zen/commit/a2f170e0b18eadfc43c39a1d36597192d0f90c73))
91
-
92
- ### 📚 Documentation
93
-
94
- * **assets:** optimize logos ([#354](https://github.com/kstepien3/ng-zen/issues/354)) ([66fd5ba](https://github.com/kstepien3/ng-zen/commit/66fd5ba61e005b407c036dd34dcfa996e8884e8b))
95
- * **development:** fix verdaccio installation command in guide ([#359](https://github.com/kstepien3/ng-zen/issues/359)) ([6945e65](https://github.com/kstepien3/ng-zen/commit/6945e65f648362ec096e17de6a2118be3340cbee))
96
-
97
- ## [20.5.0-next.1](https://github.com/kstepien3/ng-zen/compare/v20.4.0...v20.5.0-next.1) (2025-11-28)
98
-
99
- ### 🚀 New Features
100
-
101
- * **radio:** add component ([#358](https://github.com/kstepien3/ng-zen/issues/358)) ([a2f170e](https://github.com/kstepien3/ng-zen/commit/a2f170e0b18eadfc43c39a1d36597192d0f90c73))
102
-
103
- ### 📚 Documentation
104
-
105
- * **assets:** optimize logos ([#354](https://github.com/kstepien3/ng-zen/issues/354)) ([66fd5ba](https://github.com/kstepien3/ng-zen/commit/66fd5ba61e005b407c036dd34dcfa996e8884e8b))
106
- * **development:** fix verdaccio installation command in guide ([#359](https://github.com/kstepien3/ng-zen/issues/359)) ([6945e65](https://github.com/kstepien3/ng-zen/commit/6945e65f648362ec096e17de6a2118be3340cbee))
107
-
108
- ## [20.4.0](https://github.com/kstepien3/ng-zen/compare/v20.3.0...v20.4.0) (2025-10-05)
109
-
110
- ### 🚀 New Features
111
-
112
- * **alert:** add component ([#337](https://github.com/kstepien3/ng-zen/issues/337)) ([bc59953](https://github.com/kstepien3/ng-zen/commit/bc59953dc263561b0a8fb4e3fd0e753c1c14df77))
113
-
114
- ### 🐛 Bug Fixes
115
-
116
- * **alert:** update icon selector ([#338](https://github.com/kstepien3/ng-zen/issues/338)) ([99b9d63](https://github.com/kstepien3/ng-zen/commit/99b9d63e0bbd9ef4dc61672b2b1b393ecd26c406))
117
-
118
- ### 📚 Documentation
119
-
120
- * **seo:** add seo features ([#332](https://github.com/kstepien3/ng-zen/issues/332)) ([3afc125](https://github.com/kstepien3/ng-zen/commit/3afc12595d39ae8ffad8223e787862d143ec9b6a))
121
- * **seo:** replace og image ([#341](https://github.com/kstepien3/ng-zen/issues/341)) ([6edb078](https://github.com/kstepien3/ng-zen/commit/6edb078a1c990952e854616fda4865c1fedb5515))
122
-
123
- ## [20.4.0-next.1](https://github.com/kstepien3/ng-zen/compare/v20.3.0...v20.4.0-next.1) (2025-10-03)
124
-
125
- ### 🚀 New Features
126
-
127
- * **alert:** add component ([#337](https://github.com/kstepien3/ng-zen/issues/337)) ([bc59953](https://github.com/kstepien3/ng-zen/commit/bc59953dc263561b0a8fb4e3fd0e753c1c14df77))
128
-
129
- ### 🐛 Bug Fixes
130
-
131
- * **alert:** update icon selector ([#338](https://github.com/kstepien3/ng-zen/issues/338)) ([99b9d63](https://github.com/kstepien3/ng-zen/commit/99b9d63e0bbd9ef4dc61672b2b1b393ecd26c406))
132
-
133
- ### 📚 Documentation
134
-
135
- * **seo:** add seo features ([#332](https://github.com/kstepien3/ng-zen/issues/332)) ([3afc125](https://github.com/kstepien3/ng-zen/commit/3afc12595d39ae8ffad8223e787862d143ec9b6a))
136
-
137
- ## [20.3.0](https://github.com/kstepien3/ng-zen/compare/v20.2.1...v20.3.0) (2025-09-21)
138
-
139
- ### 🚀 New Features
140
-
141
- * **switch:** add animations ([#303](https://github.com/kstepien3/ng-zen/issues/303)) ([6b48d4f](https://github.com/kstepien3/ng-zen/commit/6b48d4f39db1e5bfe22920fa749b652ac65e4432))
142
-
143
- ### 🐛 Bug Fixes
144
-
145
- * **avatar:** improve css variables ([#323](https://github.com/kstepien3/ng-zen/issues/323)) ([eef614a](https://github.com/kstepien3/ng-zen/commit/eef614a0e2060fe32f72e00809b66009ae24832f))
146
- * **input:** resolve problem with wrong variables ([#322](https://github.com/kstepien3/ng-zen/issues/322)) ([30f5d10](https://github.com/kstepien3/ng-zen/commit/30f5d10c4c559f01ed3445b77e174340b4f2fb6f))
147
-
148
- ### 🛠️ Code Refactor
149
-
150
- * **button:** improve css variables ([#321](https://github.com/kstepien3/ng-zen/issues/321)) ([4ed1310](https://github.com/kstepien3/ng-zen/commit/4ed1310450dde749164c419ec6b5da0a4fbb98bc))
151
- * **checkbox:** improve css variables ([#317](https://github.com/kstepien3/ng-zen/issues/317)) ([bbe1437](https://github.com/kstepien3/ng-zen/commit/bbe143704163394a9c9ce446aa9d749a57f9c62c))
152
- * **divider:** improve css variables ([#316](https://github.com/kstepien3/ng-zen/issues/316)) ([7a19ce7](https://github.com/kstepien3/ng-zen/commit/7a19ce72db58e8d23a4786aae2787db6bcfdbf6d))
153
- * **input:** improve css variables ([#314](https://github.com/kstepien3/ng-zen/issues/314)) ([58cdbb3](https://github.com/kstepien3/ng-zen/commit/58cdbb3bafb9c10057b75d73c7234247e519c97e))
154
- * **skeleton:** improve css variables ([#313](https://github.com/kstepien3/ng-zen/issues/313)) ([9f0c8fd](https://github.com/kstepien3/ng-zen/commit/9f0c8fd1b23172fa5bb9bf9f42b6739c7b232876))
155
- * **switch:** improve styles, css variables ([#304](https://github.com/kstepien3/ng-zen/issues/304)) ([3c04b87](https://github.com/kstepien3/ng-zen/commit/3c04b8754cd25af8cfc0c0ffa89ac8633de33145))
156
- * **textarea:** improve css variables ([#305](https://github.com/kstepien3/ng-zen/issues/305)) ([a9b412c](https://github.com/kstepien3/ng-zen/commit/a9b412c8ab1f77ba3d602384c963aade62308e6b))
157
-
158
- ### 📚 Documentation
159
-
160
- * **README.md:** fix links ([#302](https://github.com/kstepien3/ng-zen/issues/302)) ([089587c](https://github.com/kstepien3/ng-zen/commit/089587c2ecbb8c27492bc34abd4896e7842e7d04))
161
- * **storybook:** add brand theme ([#325](https://github.com/kstepien3/ng-zen/issues/325)) ([97458f8](https://github.com/kstepien3/ng-zen/commit/97458f89de18896595a30f2a33ae93bb5ef75ac5))
162
- * **textarea:** update jsdoc about css variables ([#311](https://github.com/kstepien3/ng-zen/issues/311)) ([6ceabb5](https://github.com/kstepien3/ng-zen/commit/6ceabb58e6549e87bdbbe3b3b2f6e2e0928ab49b))
163
-
164
- ## [20.3.0-next.3](https://github.com/kstepien3/ng-zen/compare/v20.3.0-next.2...v20.3.0-next.3) (2025-09-15)
165
-
166
- ### 🐛 Bug Fixes
167
-
168
- * **avatar:** improve css variables ([#323](https://github.com/kstepien3/ng-zen/issues/323)) ([eef614a](https://github.com/kstepien3/ng-zen/commit/eef614a0e2060fe32f72e00809b66009ae24832f))
169
- * **input:** resolve problem with wrong variables ([#322](https://github.com/kstepien3/ng-zen/issues/322)) ([30f5d10](https://github.com/kstepien3/ng-zen/commit/30f5d10c4c559f01ed3445b77e174340b4f2fb6f))
170
-
171
- ### 🛠️ Code Refactor
172
-
173
- * **button:** improve css variables ([#321](https://github.com/kstepien3/ng-zen/issues/321)) ([4ed1310](https://github.com/kstepien3/ng-zen/commit/4ed1310450dde749164c419ec6b5da0a4fbb98bc))
174
- * **checkbox:** improve css variables ([#317](https://github.com/kstepien3/ng-zen/issues/317)) ([bbe1437](https://github.com/kstepien3/ng-zen/commit/bbe143704163394a9c9ce446aa9d749a57f9c62c))
175
- * **divider:** improve css variables ([#316](https://github.com/kstepien3/ng-zen/issues/316)) ([7a19ce7](https://github.com/kstepien3/ng-zen/commit/7a19ce72db58e8d23a4786aae2787db6bcfdbf6d))
176
-
177
- ## [20.3.0-next.2](https://github.com/kstepien3/ng-zen/compare/v20.3.0-next.1...v20.3.0-next.2) (2025-09-11)
178
-
179
- ### 🛠️ Code Refactor
180
-
181
- * **input:** improve css variables ([#314](https://github.com/kstepien3/ng-zen/issues/314)) ([58cdbb3](https://github.com/kstepien3/ng-zen/commit/58cdbb3bafb9c10057b75d73c7234247e519c97e))
182
- * **skeleton:** improve css variables ([#313](https://github.com/kstepien3/ng-zen/issues/313)) ([9f0c8fd](https://github.com/kstepien3/ng-zen/commit/9f0c8fd1b23172fa5bb9bf9f42b6739c7b232876))
183
-
184
- ### 📚 Documentation
185
-
186
- * **textarea:** update jsdoc about css variables ([#311](https://github.com/kstepien3/ng-zen/issues/311)) ([6ceabb5](https://github.com/kstepien3/ng-zen/commit/6ceabb58e6549e87bdbbe3b3b2f6e2e0928ab49b))
187
-
188
- ## [20.3.0-next.1](https://github.com/kstepien3/ng-zen/compare/v20.2.1...v20.3.0-next.1) (2025-09-09)
189
-
190
- ### 🚀 New Features
191
-
192
- * **switch:** add animations ([#303](https://github.com/kstepien3/ng-zen/issues/303)) ([6b48d4f](https://github.com/kstepien3/ng-zen/commit/6b48d4f39db1e5bfe22920fa749b652ac65e4432))
193
-
194
- ### 🛠️ Code Refactor
195
-
196
- * **switch:** improve styles, css variables ([#304](https://github.com/kstepien3/ng-zen/issues/304)) ([3c04b87](https://github.com/kstepien3/ng-zen/commit/3c04b8754cd25af8cfc0c0ffa89ac8633de33145))
197
- * **textarea:** improve css variables ([#305](https://github.com/kstepien3/ng-zen/issues/305)) ([a9b412c](https://github.com/kstepien3/ng-zen/commit/a9b412c8ab1f77ba3d602384c963aade62308e6b))
198
-
199
- ### 📚 Documentation
200
-
201
- * **README.md:** fix links ([#302](https://github.com/kstepien3/ng-zen/issues/302)) ([089587c](https://github.com/kstepien3/ng-zen/commit/089587c2ecbb8c27492bc34abd4896e7842e7d04))
202
-
203
- ## [20.2.1](https://github.com/kstepien3/ng-zen/compare/v20.2.0...v20.2.1) (2025-09-01)
204
-
205
- ### 🐛 Bug Fixes
206
-
207
- * **button:** improve styles to detect disabled states ([#283](https://github.com/kstepien3/ng-zen/issues/283)) ([757108f](https://github.com/kstepien3/ng-zen/commit/757108f9b455d699f416d893c027209d3fa9cbc0))
208
- * **form-control:** move placeholder into the input component ([#277](https://github.com/kstepien3/ng-zen/issues/277)) ([aec69b4](https://github.com/kstepien3/ng-zen/commit/aec69b43575556b29d6256f1b3fbd61ae7eae515))
209
-
210
- ### 🛠️ Code Refactor
211
-
212
- * remove unnecessary standalone property ([#290](https://github.com/kstepien3/ng-zen/issues/290)) ([d984f17](https://github.com/kstepien3/ng-zen/commit/d984f174ed7e25febaf3c908cb14573f3eaf7dee))
213
-
214
- ### 📚 Documentation
215
-
216
- * **readme:** add logo and improve the file ([#289](https://github.com/kstepien3/ng-zen/issues/289)) ([2e8da82](https://github.com/kstepien3/ng-zen/commit/2e8da82c42817eb251a5957a2bd9862e07f2390b))
217
- * **storybook:** add docs about the suggested storybook configuration ([#288](https://github.com/kstepien3/ng-zen/issues/288)) ([f9e0bc5](https://github.com/kstepien3/ng-zen/commit/f9e0bc555e3d1349dfa9f532ba883fe03baf0dec))
218
- * **storybook:** improve documentations and stories code ([#287](https://github.com/kstepien3/ng-zen/issues/287)) ([c0312e9](https://github.com/kstepien3/ng-zen/commit/c0312e9de51e949527ec81abf70bb968ee2a84c4))
219
-
220
- ## [20.2.1-next.1](https://github.com/kstepien3/ng-zen/compare/v20.2.0...v20.2.1-next.1) (2025-09-01)
221
-
222
- ### 🐛 Bug Fixes
223
-
224
- * **button:** improve styles to detect disabled states ([#283](https://github.com/kstepien3/ng-zen/issues/283)) ([757108f](https://github.com/kstepien3/ng-zen/commit/757108f9b455d699f416d893c027209d3fa9cbc0))
225
- * **form-control:** move placeholder into the input component ([#277](https://github.com/kstepien3/ng-zen/issues/277)) ([aec69b4](https://github.com/kstepien3/ng-zen/commit/aec69b43575556b29d6256f1b3fbd61ae7eae515))
226
-
227
- ### 🛠️ Code Refactor
228
-
229
- * remove unnecessary standalone property ([#290](https://github.com/kstepien3/ng-zen/issues/290)) ([d984f17](https://github.com/kstepien3/ng-zen/commit/d984f174ed7e25febaf3c908cb14573f3eaf7dee))
230
-
231
- ### 📚 Documentation
232
-
233
- * **readme:** add logo and improve the file ([#289](https://github.com/kstepien3/ng-zen/issues/289)) ([2e8da82](https://github.com/kstepien3/ng-zen/commit/2e8da82c42817eb251a5957a2bd9862e07f2390b))
234
- * **storybook:** add docs about the suggested storybook configuration ([#288](https://github.com/kstepien3/ng-zen/issues/288)) ([f9e0bc5](https://github.com/kstepien3/ng-zen/commit/f9e0bc555e3d1349dfa9f532ba883fe03baf0dec))
235
- * **storybook:** improve documentations and stories code ([#287](https://github.com/kstepien3/ng-zen/issues/287)) ([c0312e9](https://github.com/kstepien3/ng-zen/commit/c0312e9de51e949527ec81abf70bb968ee2a84c4))
236
-
237
- ## [20.2.1-next.1](https://github.com/kstepien3/ng-zen/compare/v20.2.0...v20.2.1-next.1) (2025-08-29)
238
-
239
- ### 🐛 Bug Fixes
240
-
241
- * **button:** improve styles to detect disabled states ([#283](https://github.com/kstepien3/ng-zen/issues/283)) ([757108f](https://github.com/kstepien3/ng-zen/commit/757108f9b455d699f416d893c027209d3fa9cbc0))
242
- * **form-control:** move placeholder into the input component ([#277](https://github.com/kstepien3/ng-zen/issues/277)) ([aec69b4](https://github.com/kstepien3/ng-zen/commit/aec69b43575556b29d6256f1b3fbd61ae7eae515))
243
-
244
- ### 🛠️ Code Refactor
245
-
246
- * remove unnecessary standalone property ([#290](https://github.com/kstepien3/ng-zen/issues/290)) ([d984f17](https://github.com/kstepien3/ng-zen/commit/d984f174ed7e25febaf3c908cb14573f3eaf7dee))
247
-
248
- ## [20.2.0](https://github.com/kstepien3/ng-zen/compare/v20.1.0...v20.2.0) (2025-08-18)
249
-
250
- ### 🚀 New Features
251
-
252
- * **components:** generate code in workingDirectory ([#270](https://github.com/kstepien3/ng-zen/issues/270)) ([2f2060f](https://github.com/kstepien3/ng-zen/commit/2f2060fd26b5cd45ce004daf5a651aa3030556f0))
253
-
254
- ## [20.2.0-next.1](https://github.com/kstepien3/ng-zen/compare/v20.1.0...v20.2.0-next.1) (2025-08-13)
255
-
256
- ### 🚀 New Features
257
-
258
- * **components:** generate code in workingDirectory ([#270](https://github.com/kstepien3/ng-zen/issues/270)) ([2f2060f](https://github.com/kstepien3/ng-zen/commit/2f2060fd26b5cd45ce004daf5a651aa3030556f0))
259
-
260
- ## [20.1.0](https://github.com/kstepien3/ng-zen/compare/v20.0.0...v20.1.0) (2025-08-04)
261
-
262
- ### 🚀 New Features
263
-
264
- * **checkbox:** add indeterminate state if value is null ([#260](https://github.com/kstepien3/ng-zen/issues/260)) ([d13c241](https://github.com/kstepien3/ng-zen/commit/d13c2416984df1de188082760aadfe280c7ed315))
265
- * **form-control:** add abstract logic for form control components ([#252](https://github.com/kstepien3/ng-zen/issues/252)) ([10e66b4](https://github.com/kstepien3/ng-zen/commit/10e66b4b0606a05d02ba527de42407129e085cbe))
266
-
267
- ## [20.1.0-next.1](https://github.com/kstepien3/ng-zen/compare/v20.0.0...v20.1.0-next.1) (2025-07-30)
268
-
269
- ### 🚀 New Features
270
-
271
- * **checkbox:** add indeterminate state if value is null ([#260](https://github.com/kstepien3/ng-zen/issues/260)) ([d13c241](https://github.com/kstepien3/ng-zen/commit/d13c2416984df1de188082760aadfe280c7ed315))
272
- * **form-control:** add abstract logic for form control components ([#252](https://github.com/kstepien3/ng-zen/issues/252)) ([10e66b4](https://github.com/kstepien3/ng-zen/commit/10e66b4b0606a05d02ba527de42407129e085cbe))
273
-
274
- ## [20.0.0](https://github.com/kstepien3/ng-zen/compare/v19.4.0...v20.0.0) (2025-07-22)
275
-
276
- ### ⚠ BREAKING CHANGES
277
-
278
- * **angular:** upgrade to v20 (#241)
279
-
280
- ### 🚀 New Features
281
-
282
- * **icon:** remove @hugeicons/angular package & improvements ([#248](https://github.com/kstepien3/ng-zen/issues/248)) ([cceabb0](https://github.com/kstepien3/ng-zen/commit/cceabb036f092170da66724d29ffca8ccd702983))
283
-
284
- ### 🛠️ Code Refactor
285
-
286
- * remove suffix from files for Angular v20 compatibility ([#243](https://github.com/kstepien3/ng-zen/issues/243)) ([d26e2f2](https://github.com/kstepien3/ng-zen/commit/d26e2f2faeb052b8f984f82a59e7d95248b2964b))
287
-
288
- ### 🏗️ Build Changes
289
-
290
- * **angular:** upgrade to v20 ([#241](https://github.com/kstepien3/ng-zen/issues/241)) ([a97126c](https://github.com/kstepien3/ng-zen/commit/a97126cbe780cb6fca9fe6c7944aa70cb86b5273))
291
-
292
- ## [20.0.0-next.3](https://github.com/kstepien3/ng-zen/compare/v20.0.0-next.2...v20.0.0-next.3) (2025-07-21)
293
-
294
- ### 🚀 New Features
295
-
296
- * **icon:** remove @hugeicons/angular package & improvements ([#248](https://github.com/kstepien3/ng-zen/issues/248)) ([cceabb0](https://github.com/kstepien3/ng-zen/commit/cceabb036f092170da66724d29ffca8ccd702983))
297
-
298
- ## [20.0.0-next.2](https://github.com/kstepien3/ng-zen/compare/v20.0.0-next.1...v20.0.0-next.2) (2025-07-16)
299
-
300
- ### 🛠️ Code Refactor
301
-
302
- * remove suffix from files for Angular v20 compatibility ([#243](https://github.com/kstepien3/ng-zen/issues/243)) ([d26e2f2](https://github.com/kstepien3/ng-zen/commit/d26e2f2faeb052b8f984f82a59e7d95248b2964b))
303
-
304
- ## [20.0.0-next.1](https://github.com/kstepien3/ng-zen/compare/v19.4.0...v20.0.0-next.1) (2025-07-15)
305
-
306
- ### ⚠ BREAKING CHANGES
307
-
308
- * **angular:** upgrade to v20 (#241)
309
-
310
- ### 🏗️ Build Changes
311
-
312
- * **angular:** upgrade to v20 ([#241](https://github.com/kstepien3/ng-zen/issues/241)) ([a97126c](https://github.com/kstepien3/ng-zen/commit/a97126cbe780cb6fca9fe6c7944aa70cb86b5273))
313
-
314
- ## [19.4.0](https://github.com/kstepien3/ng-zen/compare/v19.3.0...v19.4.0) (2025-07-05)
315
-
316
- ### 🚀 New Features
317
-
318
- * **dependency-manager:** add prompt for necessary dependencies ([#221](https://github.com/kstepien3/ng-zen/issues/221)) ([4fd4984](https://github.com/kstepien3/ng-zen/commit/4fd4984cfc52f96b5f915bbc4550185125792c50))
319
- * **icon:** add component ([#215](https://github.com/kstepien3/ng-zen/issues/215)) ([61d93ad](https://github.com/kstepien3/ng-zen/commit/61d93ad67022f465e77e71c4dcf465aaf5ab0648))
320
-
321
- ## [19.4.0-next.1](https://github.com/kstepien3/ng-zen/compare/v19.3.0...v19.4.0-next.1) (2025-06-22)
322
-
323
- ### 🚀 New Features
324
-
325
- * **dependency-manager:** add prompt for necessary dependencies ([#221](https://github.com/kstepien3/ng-zen/issues/221)) ([4fd4984](https://github.com/kstepien3/ng-zen/commit/4fd4984cfc52f96b5f915bbc4550185125792c50))
326
- * **icon:** add component ([#215](https://github.com/kstepien3/ng-zen/issues/215)) ([61d93ad](https://github.com/kstepien3/ng-zen/commit/61d93ad67022f465e77e71c4dcf465aaf5ab0648))
327
-
328
- ## [19.3.0](https://github.com/kstepien3/ng-zen/compare/v19.2.0...v19.3.0) (2025-06-12)
329
-
330
- ### 🚀 New Features
331
-
332
- * **skeleton:** add component ([#205](https://github.com/kstepien3/ng-zen/issues/205)) ([fa21c9a](https://github.com/kstepien3/ng-zen/commit/fa21c9a440ce918d521c12cd9e9eec17cade60cd))
333
-
334
- ### 🐛 Bug Fixes
335
-
336
- * **storybook/components:** format and documentation ([#211](https://github.com/kstepien3/ng-zen/issues/211)) ([a0fb6f5](https://github.com/kstepien3/ng-zen/commit/a0fb6f576e1c47509ba2aed4cd4314dace894366))
337
- * **styles:** improve format of hls colors ([#207](https://github.com/kstepien3/ng-zen/issues/207)) ([354d698](https://github.com/kstepien3/ng-zen/commit/354d6989507ba86397268012f6a53002c2e02297))
338
-
339
- ## [19.3.0-next.2](https://github.com/kstepien3/ng-zen/compare/v19.3.0-next.1...v19.3.0-next.2) (2025-06-11)
340
-
341
- ### 🐛 Bug Fixes
342
-
343
- * **storybook/components:** format and documentation ([#211](https://github.com/kstepien3/ng-zen/issues/211)) ([a0fb6f5](https://github.com/kstepien3/ng-zen/commit/a0fb6f576e1c47509ba2aed4cd4314dace894366))
344
- * **styles:** improve format of hls colors ([#207](https://github.com/kstepien3/ng-zen/issues/207)) ([354d698](https://github.com/kstepien3/ng-zen/commit/354d6989507ba86397268012f6a53002c2e02297))
345
-
346
- ### 📚 Documentation
347
-
348
- * **DEVELOPMENT:** add release information ([#209](https://github.com/kstepien3/ng-zen/issues/209)) ([f9aad1b](https://github.com/kstepien3/ng-zen/commit/f9aad1b8be3d7d633c41ad9cff4bf3c6b93ad0f4))
349
- * resolve a problem with missing documentation ([#208](https://github.com/kstepien3/ng-zen/issues/208)) ([85e7969](https://github.com/kstepien3/ng-zen/commit/85e7969c23b6b7bd2039e9cfdc336dc8da6edcc1))
350
-
351
- ## [19.3.0-next.1](https://github.com/kstepien3/ng-zen/compare/v19.2.0...v19.3.0-next.1) (2025-06-10)
352
-
353
- ### 🚀 New Features
354
-
355
- * **skeleton:** add component ([#205](https://github.com/kstepien3/ng-zen/issues/205)) ([fa21c9a](https://github.com/kstepien3/ng-zen/commit/fa21c9a440ce918d521c12cd9e9eec17cade60cd))
356
-
357
- ## [19.2.0](https://github.com/kstepien3/ng-zen/compare/v19.1.0...v19.2.0) (2025-05-25)
358
-
359
- ### 🚀 New Features
360
-
361
- * **button:** add css variables for styling ([#191](https://github.com/kstepien3/ng-zen/issues/191)) ([7278585](https://github.com/kstepien3/ng-zen/commit/7278585c642a01468c2ef85dc39f3e767287ccf7))
362
- * **button:** update selector to support is() pseudo-class ([#195](https://github.com/kstepien3/ng-zen/issues/195)) ([e85135e](https://github.com/kstepien3/ng-zen/commit/e85135ef45c7a38b5597624254c7b0adae6e4db4))
363
- * **divider:** add zen-divider component ([#186](https://github.com/kstepien3/ng-zen/issues/186)) ([c021773](https://github.com/kstepien3/ng-zen/commit/c0217732a99efd1a68d23ed5e44d8da9e5344fdb))
364
-
365
- ### 🐛 Bug Fixes
366
-
367
- * **schematics/ng-add:** run other schematics after installation ([#177](https://github.com/kstepien3/ng-zen/issues/177)) ([5cb1be4](https://github.com/kstepien3/ng-zen/commit/5cb1be4ce4cbeb7e5341baf937db135c16caad18))
368
-
369
- ### 📚 Documentation
370
-
371
- * **readme:** remove the "next" build npm badges ([#194](https://github.com/kstepien3/ng-zen/issues/194)) ([48740d3](https://github.com/kstepien3/ng-zen/commit/48740d3c9ff3f3619e6f56baba8b933ba31498b3))
372
- * **releaserc:** update release note generator config ([#196](https://github.com/kstepien3/ng-zen/issues/196)) ([ca37df3](https://github.com/kstepien3/ng-zen/commit/ca37df375bf566476ec16c4cf10121f0d59c5c70))
373
-
374
- # [19.2.0-next.3](https://github.com/kstepien3/ng-zen/compare/v19.2.0-next.2...v19.2.0-next.3) (2025-05-24)
375
-
376
-
377
- ### Features
378
-
379
- * **button:** update selector to support is() pseudo-class ([#195](https://github.com/kstepien3/ng-zen/issues/195)) ([e85135e](https://github.com/kstepien3/ng-zen/commit/e85135ef45c7a38b5597624254c7b0adae6e4db4))
380
-
381
- ## [19.2.0-next.2](https://github.com/kstepien3/ng-zen/compare/v19.2.0-next.1...v19.2.0-next.2) (2025-05-24)
382
-
383
- ### 🚀 New Features
384
-
385
- * **button:** add css variables for styling ([#191](https://github.com/kstepien3/ng-zen/issues/191)) ([7278585](https://github.com/kstepien3/ng-zen/commit/7278585c642a01468c2ef85dc39f3e767287ccf7))
386
-
387
- ### 🧹 Chore
388
-
389
- * **build:** update output directory and release configuration ([#190](https://github.com/kstepien3/ng-zen/issues/190)) ([bae868c](https://github.com/kstepien3/ng-zen/commit/bae868cf00481a685fc02ee73a34ab4b787e9e67))
390
- * **dependencies:** restore conventional-changelog-conventionalcommits ([#189](https://github.com/kstepien3/ng-zen/issues/189)) ([5afabcb](https://github.com/kstepien3/ng-zen/commit/5afabcb1050da49404ed89a83fee57af1872b729))
391
-
392
- ## 19.2.0-next.1 (2025-05-23)
393
-
394
- * chore(dependencies): update dependencies (#187) ([7028a9e](https://github.com/kstepien3/ng-zen/commit/7028a9e)), closes [#187](https://github.com/kstepien3/ng-zen/issues/187)
395
- * chore(dependencies): update ngx-schematic-builder to v0.2.0 (#183) ([5ea0cea](https://github.com/kstepien3/ng-zen/commit/5ea0cea)), closes [#183](https://github.com/kstepien3/ng-zen/issues/183)
396
- * chore(workflow): update deploy workflow for tag-based triggering (#166) ([0fea522](https://github.com/kstepien3/ng-zen/commit/0fea522)), closes [#166](https://github.com/kstepien3/ng-zen/issues/166) [#165](https://github.com/kstepien3/ng-zen/issues/165)
397
- * chore(workflows): disable persist-credentials in release workflow (#188) ([b784e47](https://github.com/kstepien3/ng-zen/commit/b784e47)), closes [#188](https://github.com/kstepien3/ng-zen/issues/188)
398
- * feat(divider): add zen-divider component (#186) ([c021773](https://github.com/kstepien3/ng-zen/commit/c021773)), closes [#186](https://github.com/kstepien3/ng-zen/issues/186)
399
- * style(components): update outline styles (#184) ([5737a15](https://github.com/kstepien3/ng-zen/commit/5737a15)), closes [#184](https://github.com/kstepien3/ng-zen/issues/184)
400
- * fix(schematics/ng-add): run other schematics after installation (#177) ([5cb1be4](https://github.com/kstepien3/ng-zen/commit/5cb1be4)), closes [#177](https://github.com/kstepien3/ng-zen/issues/177)
401
- * ci(eslint): fix plugins and configure linting rules (#176) ([5e93a09](https://github.com/kstepien3/ng-zen/commit/5e93a09)), closes [#176](https://github.com/kstepien3/ng-zen/issues/176)
402
- * build(deps-dev): bump typescript from 5.7.3 to 5.8.3 (#154) ([3ebe49f](https://github.com/kstepien3/ng-zen/commit/3ebe49f)), closes [#154](https://github.com/kstepien3/ng-zen/issues/154)
403
- * build(ngx-schematic-builder): migrate the custom builder (#175) ([c7d19eb](https://github.com/kstepien3/ng-zen/commit/c7d19eb)), closes [#175](https://github.com/kstepien3/ng-zen/issues/175)
404
- * Merge remote-tracking branch 'origin/next' into develop ([f581d01](https://github.com/kstepien3/ng-zen/commit/f581d01))
405
-
406
- ## [19.1.0](https://github.com/kstepien3/ng-zen/compare/v19.0.0...v19.1.0) (2025-04-27)
1
+ ## [21.2.0](https://github.com/kstepien3/ng-zen/compare/v21.1.1...v21.2.0) (2026-03-11)
407
2
 
408
3
  ### 🚀 New Features
409
4
 
410
- * **switch:** add missing css variables ([0481ac7](https://github.com/kstepien3/ng-zen/commit/0481ac7d735eba4ee47fbc6a69cdee643f5b9b4c))
411
-
412
- ### 🏗️ Build Changes
413
-
414
- * **deps-dev:** bump @angular-devkit/architect from 0.1902.6 to 0.1902.9 ([#160](https://github.com/kstepien3/ng-zen/issues/160)) ([e8fa092](https://github.com/kstepien3/ng-zen/commit/e8fa092e8aefcd15f4fb5755e150b2834d359fb4))
415
- * **deps-dev:** bump angular-eslint from 19.0.2 to 19.3.0 ([#136](https://github.com/kstepien3/ng-zen/issues/136)) ([ccad1a9](https://github.com/kstepien3/ng-zen/commit/ccad1a903bbd8edf37571f764dded81ea5fe29aa))
416
- * **deps-dev:** bump eslint-plugin-storybook from 0.11.6 to 0.12.0 ([#137](https://github.com/kstepien3/ng-zen/issues/137)) ([e8d63f3](https://github.com/kstepien3/ng-zen/commit/e8d63f3ec9d7f0af1a4cb7e2ceb3ff2843af43ad))
417
- * **deps-dev:** bump typescript-eslint from 8.24.0 to 8.29.0 ([#135](https://github.com/kstepien3/ng-zen/issues/135)) ([89d371f](https://github.com/kstepien3/ng-zen/commit/89d371f73f711848c548c32e8c1d5201f80c3073))
418
-
419
- ### 🧹 Chore
420
-
421
- * add conventional-changelog-conventionalcommits dependency ([c6d2342](https://github.com/kstepien3/ng-zen/commit/c6d23422c5866645b520f55dc3c10700fc268d06))
422
- * change version alpha -> next ([aa5482c](https://github.com/kstepien3/ng-zen/commit/aa5482cd504a89e60eae07f6a3ea343ca8886e57))
423
- * change version to v19.0.0-next.0 [skip ci] ([7ee3dbd](https://github.com/kstepien3/ng-zen/commit/7ee3dbd6d22a3d24c85fba0978c127f28c9248d4))
424
- * fix problems with release ([a54af7a](https://github.com/kstepien3/ng-zen/commit/a54af7aa33259bb904df707f8450b39a1f8e00c9))
425
- * **release:** 19.1.0-next.1 [skip ci] ([7ca3b5c](https://github.com/kstepien3/ng-zen/commit/7ca3b5c989121b41c95c261236b5c89409c83210))
5
+ * **dialog:** add reusable dialog component with service and tests ([#387](https://github.com/kstepien3/ng-zen/issues/387)) ([1cb90f6](https://github.com/kstepien3/ng-zen/commit/1cb90f6c5b89b63a461abe6d45da74869275ff12))
426
6
 
427
7
  ### 📚 Documentation
428
8
 
429
- * **readme.md:** update links in badges ([#146](https://github.com/kstepien3/ng-zen/issues/146)) ([667f71c](https://github.com/kstepien3/ng-zen/commit/667f71c3891764f12d7b025e4b0c7e9ea872d00b))
430
- * **README:** improve documentation ([#149](https://github.com/kstepien3/ng-zen/issues/149)) ([bbbfd4e](https://github.com/kstepien3/ng-zen/commit/bbbfd4e592907c6c544e9004d104842df5475fab))
431
- * **storybook:** load CHANGELOG.md ([#145](https://github.com/kstepien3/ng-zen/issues/145)) ([f7df739](https://github.com/kstepien3/ng-zen/commit/f7df739ba88d4ffc1a63dea6bdec2bb3112933d0))
432
- * update development information ([#148](https://github.com/kstepien3/ng-zen/issues/148)) ([981a998](https://github.com/kstepien3/ng-zen/commit/981a9981385d22d763fe63bfcf075970bec4495d))
433
-
434
- ## [19.1.0-next.1](https://github.com/kstepien3/ng-zen/compare/v19.0.0...v19.1.0-next.1) (2025-04-06)
435
-
436
- ### 🚀 New Features
437
-
438
- * **switch:** add missing css variables ([0481ac7](https://github.com/kstepien3/ng-zen/commit/0481ac7d735eba4ee47fbc6a69cdee643f5b9b4c))
439
-
440
- ### 🧹 Chore
9
+ * **README:** update storybook tag ([#395](https://github.com/kstepien3/ng-zen/issues/395)) ([114dfdc](https://github.com/kstepien3/ng-zen/commit/114dfdc87614345784b264a6bde6be73b5e93aa7))
441
10
 
442
- * add conventional-changelog-conventionalcommits dependency ([c6d2342](https://github.com/kstepien3/ng-zen/commit/c6d23422c5866645b520f55dc3c10700fc268d06))
443
- * change version alpha -> next ([aa5482c](https://github.com/kstepien3/ng-zen/commit/aa5482cd504a89e60eae07f6a3ea343ca8886e57))
444
- * change version to v19.0.0-next.0 [skip ci] ([7ee3dbd](https://github.com/kstepien3/ng-zen/commit/7ee3dbd6d22a3d24c85fba0978c127f28c9248d4))
445
- * fix problems with release ([a54af7a](https://github.com/kstepien3/ng-zen/commit/a54af7aa33259bb904df707f8450b39a1f8e00c9))
11
+ Development mode - changelog will be generated during build.
package/README.md CHANGED
@@ -22,7 +22,7 @@
22
22
  <img src="https://img.shields.io/badge/-Repository-181818?style=flat&logo=github&logoColor=white" alt="Repository" />
23
23
  </a>
24
24
  <a href="https://kstepien3.github.io/ng-zen/">
25
- <img src="https://img.shields.io/badge/-Storybook%20Demo-FF4785?style=flat&logo=storybook&logoColor=white" alt="Storybook Demo" />
25
+ <img src="https://img.shields.io/badge/-Storybook%20Demo-FF4785?style=flat&logo=storybook&logoColor=white" alt="Storybook" />
26
26
  </a>
27
27
  </p>
28
28
 
@@ -39,7 +39,7 @@ Unlike traditional UI libraries that give you `<library-button>` black boxes, @n
39
39
 
40
40
  ### 🏎️ **Instant Productivity**
41
41
 
42
- - **Production-Ready UI Elements:** Alert, Avatar, Button, Checkbox, Divider, Form Control, Icon, Input, Popover, Radio, Skeleton, Switch, Textarea
42
+ - **Production-Ready UI Elements:** Alert, Avatar, Button, Checkbox, Dialog, Divider, Form Control, Icon, Input, Popover, Radio, Skeleton, Switch, Textarea
43
43
  - **Zero Configuration:** Works with Angular 20+ out of the box
44
44
  - **Complete Setup:** Each component includes unit tests, Storybook stories, and documentation
45
45
 
@@ -146,6 +146,7 @@ export class MyComponent {}
146
146
  | **Alert** | Informational messages | Customizable styles, dismissible options |
147
147
  | **Button** | Interactive buttons | Primary/secondary variants, loading states, icons |
148
148
  | **Checkbox** | Form checkboxes | Indeterminate state, custom styling, validation |
149
+ | **Dialog** | Native modal dialogs | Native dialog element, service API, size variants, backdrop config |
149
150
  | **Divider** | Visual separators | Horizontal/vertical, with labels, custom thickness |
150
151
  | **Form Control** | Form field wrapper | Labels, validation messages, required indicators |
151
152
  | **Icon** | SVG icon system | Huge Icons integration, size variants, colors |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-zen/cli",
3
- "version": "21.1.1",
3
+ "version": "21.2.0",
4
4
  "description": "Angular UI components generator – Zen UI Kit CLI for schematics-based creation of customizable components like avatar, button, checkbox, divider, form-control, icon, input, skeleton, switch, textarea with Storybook demos.",
5
5
  "license": "BSD-2-Clause",
6
6
  "private": false,
@@ -49,6 +49,7 @@
49
49
  "avatar",
50
50
  "button",
51
51
  "checkbox",
52
+ "dialog",
52
53
  "divider",
53
54
  "form-control",
54
55
  "icon",
@@ -0,0 +1,144 @@
1
+ $transition-duration: var(--zen-transition-duration, 0.3s);
2
+ $content-max-height-offset: 100px;
3
+ $sizes: (
4
+ sm: 300px,
5
+ md: 500px,
6
+ lg: 800px,
7
+ xl: 1100px,
8
+ );
9
+
10
+ :host {
11
+ --zen-dialog-padding: 1rem;
12
+ --zen-dialog-bg: white;
13
+ --zen-dialog-border-radius: 8px;
14
+ --zen-dialog-shadow: 0 4px 24px rgb(0 0 0 / 20%);
15
+ --zen-dialog-max-height: 90vh;
16
+ --zen-dialog-max-width: 90vw;
17
+ --zen-dialog-header-gap: 1rem;
18
+ --zen-dialog-header-padding-bottom: 0.75rem;
19
+ --zen-dialog-close-btn-size: 2rem;
20
+ --zen-dialog-close-btn-color: hsl(0deg 0% 40%);
21
+ --zen-dialog-close-btn-hover-color: hsl(0deg 0% 20%);
22
+ --zen-dialog-backdrop-bg: rgb(0 0 0 / 50%);
23
+ }
24
+
25
+ /* stylelint-disable-next-line no-duplicate-selectors -- separate variables and styles */
26
+ :host {
27
+ padding: var(--zen-dialog-padding);
28
+ background: var(--zen-dialog-bg);
29
+ border: none;
30
+ border-radius: var(--zen-dialog-border-radius);
31
+ box-shadow: var(--zen-dialog-shadow);
32
+ max-height: var(--zen-dialog-max-height);
33
+ max-width: var(--zen-dialog-max-width);
34
+ overflow: auto;
35
+ transition:
36
+ opacity $transition-duration ease,
37
+ transform $transition-duration ease,
38
+ overlay $transition-duration allow-discrete,
39
+ display $transition-duration allow-discrete;
40
+ opacity: 0;
41
+ transform: translateY(-10px);
42
+
43
+ &[open] {
44
+ opacity: 1;
45
+ transform: translateY(0);
46
+
47
+ @starting-style {
48
+ opacity: 0;
49
+ transform: translateY(-10px);
50
+ }
51
+ }
52
+
53
+ @each $name, $width in $sizes {
54
+ &[data-size='#{$name}'] {
55
+ width: $width;
56
+ }
57
+ }
58
+
59
+ &[data-size='full'] {
60
+ width: 100%;
61
+ height: 100%;
62
+ max-width: 100%;
63
+ max-height: 100%;
64
+ border-radius: 0;
65
+ transform: none;
66
+
67
+ &[open] {
68
+ @starting-style {
69
+ transform: none;
70
+ }
71
+ }
72
+ }
73
+
74
+ &::backdrop {
75
+ background: var(--zen-dialog-backdrop-bg);
76
+ transition:
77
+ opacity $transition-duration ease,
78
+ overlay $transition-duration allow-discrete,
79
+ display $transition-duration allow-discrete;
80
+ opacity: 0;
81
+ }
82
+
83
+ &[open]::backdrop {
84
+ opacity: 1;
85
+
86
+ @starting-style {
87
+ opacity: 0;
88
+ }
89
+ }
90
+ }
91
+
92
+ .zen-dialog-header {
93
+ display: flex;
94
+ align-items: center;
95
+ justify-content: space-between;
96
+ gap: var(--zen-dialog-header-gap);
97
+ padding-bottom: var(--zen-dialog-header-padding-bottom);
98
+ margin-bottom: var(--zen-dialog-padding);
99
+ border-bottom: 1px solid hsl(0deg 0% 90%);
100
+
101
+ h2 {
102
+ margin: 0;
103
+ font-size: 1.125rem;
104
+ font-weight: 600;
105
+ line-height: 1.4;
106
+ }
107
+ }
108
+
109
+ .zen-dialog-close {
110
+ display: flex;
111
+ align-items: center;
112
+ justify-content: center;
113
+ width: var(--zen-dialog-close-btn-size);
114
+ height: var(--zen-dialog-close-btn-size);
115
+ padding: 0;
116
+ background: transparent;
117
+ border: none;
118
+ border-radius: 4px;
119
+ color: var(--zen-dialog-close-btn-color);
120
+ cursor: pointer;
121
+ transition:
122
+ background-color $transition-duration ease,
123
+ color $transition-duration ease;
124
+
125
+ &:hover {
126
+ color: var(--zen-dialog-close-btn-hover-color);
127
+ background-color: hsl(0deg 0% 96%);
128
+ }
129
+
130
+ &:focus-visible {
131
+ outline: 2px solid hsl(200deg 100% 50% / 50%);
132
+ outline-offset: 2px;
133
+ }
134
+
135
+ zen-icon {
136
+ display: flex;
137
+ line-height: 0;
138
+ }
139
+ }
140
+
141
+ .zen-dialog-content {
142
+ overflow: auto;
143
+ max-height: calc(var(--zen-dialog-max-height) - #{$content-max-height-offset});
144
+ }