codexly-ui 0.0.58 → 0.0.60
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.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* ── Safelist: all color shades for dynamic class binding ── */
|
|
2
2
|
@source inline("{bg,hover:bg,ring,hover:ring,focus:ring,focus-within:ring,hover:border,border,focus:border,focus-within:border,text}-{red,orange,amber,yellow,lime,green,emerald,teal,cyan,sky,blue,indigo,violet,purple,fuchsia,pink,rose,slate,gray,zinc,neutral,stone}-{50,100,200,300,400,500,600,700,800,900,950}{/10,/20,/25,/50,/75,}");
|
|
3
|
-
@source inline("{bg,hover:bg,focus:ring,focus-within:ring,border,focus:border,focus-within:border,hover:border}-{white,black,transparent}");
|
|
3
|
+
@source inline("{bg,hover:bg,focus:ring,focus-within:ring,border,focus:border,focus-within:border,hover:border,border-t}-{white,black,transparent}");
|
|
4
|
+
@source inline("border-white/30 border-t-white");
|
|
4
5
|
@source inline("text-{black,white}");
|
|
5
6
|
@source inline("focus:ring-2 focus-within:ring-2 ring-2");
|
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -616,6 +616,8 @@ class ClxSpinnerComponent {
|
|
|
616
616
|
const size = SPINNER_SIZE_MAP[this.size()];
|
|
617
617
|
if (this.color() === 'inherit')
|
|
618
618
|
return `${size} border-current/30 border-t-current`;
|
|
619
|
+
if (this.color() === 'white')
|
|
620
|
+
return `${size} border-white/30 border-t-white`;
|
|
619
621
|
const t = resolveColor(this.color());
|
|
620
622
|
return `${size} ${t.borderLight} ${t.border.replace('border-', 'border-t-')}`;
|
|
621
623
|
}, ...(ngDevMode ? [{ debugName: "_spinnerClass" }] : /* istanbul ignore next */ []));
|
|
@@ -11251,7 +11253,7 @@ class ClxMenuItemComponent {
|
|
|
11251
11253
|
[class]="rla.isActive ? _activeCls() : _idleCls()"
|
|
11252
11254
|
[title]="collapsed() ? label() : ''">
|
|
11253
11255
|
@if (icon()) {
|
|
11254
|
-
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive
|
|
11256
|
+
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : 'text-slate-500'"></span>
|
|
11255
11257
|
}
|
|
11256
11258
|
@if (!collapsed()) {
|
|
11257
11259
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11264,7 +11266,7 @@ class ClxMenuItemComponent {
|
|
|
11264
11266
|
[title]="collapsed() ? label() : ''"
|
|
11265
11267
|
(click)="itemClick.emit()">
|
|
11266
11268
|
@if (icon()) {
|
|
11267
|
-
<span clx-icon [name]="icon()" size="sm" [class]="active()
|
|
11269
|
+
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : 'text-slate-500'"></span>
|
|
11268
11270
|
}
|
|
11269
11271
|
@if (!collapsed()) {
|
|
11270
11272
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11289,7 +11291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11289
11291
|
[class]="rla.isActive ? _activeCls() : _idleCls()"
|
|
11290
11292
|
[title]="collapsed() ? label() : ''">
|
|
11291
11293
|
@if (icon()) {
|
|
11292
|
-
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive
|
|
11294
|
+
<span clx-icon [name]="icon()" size="sm" [class]="rla.isActive ? _iconCls() : 'text-slate-500'"></span>
|
|
11293
11295
|
}
|
|
11294
11296
|
@if (!collapsed()) {
|
|
11295
11297
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|
|
@@ -11302,7 +11304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
11302
11304
|
[title]="collapsed() ? label() : ''"
|
|
11303
11305
|
(click)="itemClick.emit()">
|
|
11304
11306
|
@if (icon()) {
|
|
11305
|
-
<span clx-icon [name]="icon()" size="sm" [class]="active()
|
|
11307
|
+
<span clx-icon [name]="icon()" size="sm" [class]="active() ? _iconCls() : 'text-slate-500'"></span>
|
|
11306
11308
|
}
|
|
11307
11309
|
@if (!collapsed()) {
|
|
11308
11310
|
<span class="flex-1 text-left truncate">{{ label() }}</span>
|