codexly-ui 0.1.9 → 0.1.11
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/fesm2022/codexly-ui.mjs +68 -15
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/codexly-ui.d.ts +5 -5
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -174,7 +174,7 @@ const CLX_FONT_CATALOG = [
|
|
|
174
174
|
{
|
|
175
175
|
label: 'Inter',
|
|
176
176
|
value: 'Inter',
|
|
177
|
-
googleUrl: 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap',
|
|
177
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap',
|
|
178
178
|
},
|
|
179
179
|
{
|
|
180
180
|
label: 'Poppins',
|
|
@@ -216,6 +216,71 @@ const CLX_FONT_CATALOG = [
|
|
|
216
216
|
value: 'Open Sans',
|
|
217
217
|
googleUrl: 'https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap',
|
|
218
218
|
},
|
|
219
|
+
{
|
|
220
|
+
label: 'Work Sans',
|
|
221
|
+
value: 'Work Sans',
|
|
222
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap',
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
label: 'Manrope',
|
|
226
|
+
value: 'Manrope',
|
|
227
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap',
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
label: 'Sora',
|
|
231
|
+
value: 'Sora',
|
|
232
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap',
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
label: 'Outfit',
|
|
236
|
+
value: 'Outfit',
|
|
237
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap',
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
label: 'Rubik',
|
|
241
|
+
value: 'Rubik',
|
|
242
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap',
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
label: 'Source Sans 3',
|
|
246
|
+
value: 'Source Sans 3',
|
|
247
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap',
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
label: 'Space Grotesk',
|
|
251
|
+
value: 'Space Grotesk',
|
|
252
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap',
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
label: 'Merriweather',
|
|
256
|
+
value: 'Merriweather',
|
|
257
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap',
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
label: 'Playfair Display',
|
|
261
|
+
value: 'Playfair Display',
|
|
262
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap',
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
label: 'Lora',
|
|
266
|
+
value: 'Lora',
|
|
267
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap',
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
label: 'PT Serif',
|
|
271
|
+
value: 'PT Serif',
|
|
272
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap',
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
label: 'Caveat',
|
|
276
|
+
value: 'Caveat',
|
|
277
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap',
|
|
278
|
+
},
|
|
279
|
+
{
|
|
280
|
+
label: 'Dancing Script',
|
|
281
|
+
value: 'Dancing Script',
|
|
282
|
+
googleUrl: 'https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap',
|
|
283
|
+
},
|
|
219
284
|
];
|
|
220
285
|
// ── Tailwind rounded classes per borderRadius token ───────────────────────────
|
|
221
286
|
const CLX_RADIUS_MAP = {
|
|
@@ -5456,7 +5521,6 @@ class ClxAlertComponent {
|
|
|
5456
5521
|
[color]="_cancelColor()"
|
|
5457
5522
|
[variant]="_cancelVariant()"
|
|
5458
5523
|
size="md"
|
|
5459
|
-
shape="pill"
|
|
5460
5524
|
(click)="dismiss()"
|
|
5461
5525
|
>
|
|
5462
5526
|
{{ _cancelText() }}
|
|
@@ -5468,7 +5532,6 @@ class ClxAlertComponent {
|
|
|
5468
5532
|
[color]="_confirmColor()"
|
|
5469
5533
|
variant="solid"
|
|
5470
5534
|
size="md"
|
|
5471
|
-
shape="pill"
|
|
5472
5535
|
(click)="confirm()"
|
|
5473
5536
|
>
|
|
5474
5537
|
{{ _confirmText() }}
|
|
@@ -5528,7 +5591,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5528
5591
|
[color]="_cancelColor()"
|
|
5529
5592
|
[variant]="_cancelVariant()"
|
|
5530
5593
|
size="md"
|
|
5531
|
-
shape="pill"
|
|
5532
5594
|
(click)="dismiss()"
|
|
5533
5595
|
>
|
|
5534
5596
|
{{ _cancelText() }}
|
|
@@ -5540,7 +5602,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5540
5602
|
[color]="_confirmColor()"
|
|
5541
5603
|
variant="solid"
|
|
5542
5604
|
size="md"
|
|
5543
|
-
shape="pill"
|
|
5544
5605
|
(click)="confirm()"
|
|
5545
5606
|
>
|
|
5546
5607
|
{{ _confirmText() }}
|
|
@@ -5646,7 +5707,7 @@ class ClxDrawerComponent {
|
|
|
5646
5707
|
</div>
|
|
5647
5708
|
|
|
5648
5709
|
<!-- Footer -->
|
|
5649
|
-
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0
|
|
5710
|
+
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0">
|
|
5650
5711
|
@if (_hasBuiltInButtons()) {
|
|
5651
5712
|
@if (showCancelButton()) {
|
|
5652
5713
|
<button
|
|
@@ -5654,7 +5715,6 @@ class ClxDrawerComponent {
|
|
|
5654
5715
|
[color]="_cancelColor()"
|
|
5655
5716
|
[variant]="_cancelVariant()"
|
|
5656
5717
|
size="md"
|
|
5657
|
-
shape="pill"
|
|
5658
5718
|
(click)="cancelClick.emit()">
|
|
5659
5719
|
{{ _cancelText() }}
|
|
5660
5720
|
</button>
|
|
@@ -5664,7 +5724,6 @@ class ClxDrawerComponent {
|
|
|
5664
5724
|
[color]="_confirmColor()"
|
|
5665
5725
|
[variant]="_confirmVariant()"
|
|
5666
5726
|
size="md"
|
|
5667
|
-
shape="pill"
|
|
5668
5727
|
(click)="confirmClick.emit()">
|
|
5669
5728
|
{{ _confirmText() }}
|
|
5670
5729
|
</button>
|
|
@@ -5707,7 +5766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5707
5766
|
</div>
|
|
5708
5767
|
|
|
5709
5768
|
<!-- Footer -->
|
|
5710
|
-
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0
|
|
5769
|
+
<div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-clx-border-soft shrink-0">
|
|
5711
5770
|
@if (_hasBuiltInButtons()) {
|
|
5712
5771
|
@if (showCancelButton()) {
|
|
5713
5772
|
<button
|
|
@@ -5715,7 +5774,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5715
5774
|
[color]="_cancelColor()"
|
|
5716
5775
|
[variant]="_cancelVariant()"
|
|
5717
5776
|
size="md"
|
|
5718
|
-
shape="pill"
|
|
5719
5777
|
(click)="cancelClick.emit()">
|
|
5720
5778
|
{{ _cancelText() }}
|
|
5721
5779
|
</button>
|
|
@@ -5725,7 +5783,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5725
5783
|
[color]="_confirmColor()"
|
|
5726
5784
|
[variant]="_confirmVariant()"
|
|
5727
5785
|
size="md"
|
|
5728
|
-
shape="pill"
|
|
5729
5786
|
(click)="confirmClick.emit()">
|
|
5730
5787
|
{{ _confirmText() }}
|
|
5731
5788
|
</button>
|
|
@@ -5799,7 +5856,6 @@ class ClxModalComponent {
|
|
|
5799
5856
|
[color]="_cancelColor()"
|
|
5800
5857
|
[variant]="_cancelVariant()"
|
|
5801
5858
|
size="md"
|
|
5802
|
-
shape="pill"
|
|
5803
5859
|
(click)="cancelClick.emit()">
|
|
5804
5860
|
{{ _cancelText() }}
|
|
5805
5861
|
</button>
|
|
@@ -5809,7 +5865,6 @@ class ClxModalComponent {
|
|
|
5809
5865
|
[color]="_confirmColor()"
|
|
5810
5866
|
[variant]="_confirmVariant()"
|
|
5811
5867
|
size="md"
|
|
5812
|
-
shape="pill"
|
|
5813
5868
|
(click)="confirmClick.emit()">
|
|
5814
5869
|
{{ _confirmText() }}
|
|
5815
5870
|
</button>
|
|
@@ -5860,7 +5915,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5860
5915
|
[color]="_cancelColor()"
|
|
5861
5916
|
[variant]="_cancelVariant()"
|
|
5862
5917
|
size="md"
|
|
5863
|
-
shape="pill"
|
|
5864
5918
|
(click)="cancelClick.emit()">
|
|
5865
5919
|
{{ _cancelText() }}
|
|
5866
5920
|
</button>
|
|
@@ -5870,7 +5924,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5870
5924
|
[color]="_confirmColor()"
|
|
5871
5925
|
[variant]="_confirmVariant()"
|
|
5872
5926
|
size="md"
|
|
5873
|
-
shape="pill"
|
|
5874
5927
|
(click)="confirmClick.emit()">
|
|
5875
5928
|
{{ _confirmText() }}
|
|
5876
5929
|
</button>
|