codexly-ui 0.0.87 → 0.0.89

package/fesm2022/codexly-ui.mjs

@@ -5031,7 +5031,7 @@ class ClxAlertComponent {
       <!-- Title -->
       @if (_title()) {
         <h2
-          class="text-lg font-bold text-gray-800 leading-snug"
+          class="text-lg font-bold text-slate-700 leading-snug"
           [innerHTML]="_title()">
         </h2>
       }
@@ -5103,7 +5103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
       <!-- Title -->
       @if (_title()) {
         <h2
-          class="text-lg font-bold text-gray-800 leading-snug"
+          class="text-lg font-bold text-slate-700 leading-snug"
           [innerHTML]="_title()">
         </h2>
       }
@@ -6474,7 +6474,7 @@ class ClxStepperComponent {
         if (status === 'completed')
             return `font-medium ${t.textSubtle} ${size}`;
         if (status === 'active')
-            return `font-semibold text-slate-800 ${size}`;
+            return `font-semibold text-slate-700 ${size}`;
         if (status === 'error')
             return `font-medium text-red-500 ${size}`;
         return `font-normal text-slate-400 ${size}`;
@@ -6775,7 +6775,7 @@ class ClxTimelineItemComponent {
 
     <div [class]="'flex-1 min-w-0 ' + _ctx.sizeTokens().contentPb">
       <div class="flex items-start justify-between gap-2">
-        <p [class]="'font-semibold text-slate-800 leading-snug ' + _ctx.sizeTokens().title">
+        <p [class]="'font-semibold text-slate-700 leading-snug ' + _ctx.sizeTokens().title">
           {{ title() }}
         </p>
         @if (time()) {
@@ -6807,7 +6807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
 
     <div [class]="'flex-1 min-w-0 ' + _ctx.sizeTokens().contentPb">
       <div class="flex items-start justify-between gap-2">
-        <p [class]="'font-semibold text-slate-800 leading-snug ' + _ctx.sizeTokens().title">
+        <p [class]="'font-semibold text-slate-700 leading-snug ' + _ctx.sizeTokens().title">
           {{ title() }}
         </p>
         @if (time()) {
@@ -7918,7 +7918,7 @@ class ClxDatepickerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxDatepickerComponent, isStandalone: true, selector: "clx-datepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusMessage: { classPropertyName: "statusMessage", publicName: "statusMessage", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onEscape()" }, classAttribute: "flex flex-col gap-1.5" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ClxDatepickerComponent), multi: true }], viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true }], ngImport: i0, template: `
     @if (label()) {
-      <label [class]="_labelClass()">{{ label() }}</label>
+      <span [class]="_labelClass()">{{ label() }}</span>
     }
 
     <div
@@ -8018,7 +8018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ClxDatepickerComponent), multi: true }],
                     template: `
     @if (label()) {
-      <label [class]="_labelClass()">{{ label() }}</label>
+      <span [class]="_labelClass()">{{ label() }}</span>
     }
 
     <div
@@ -8243,7 +8243,7 @@ class ClxTimepickerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxTimepickerComponent, isStandalone: true, selector: "clx-timepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusMessage: { classPropertyName: "statusMessage", publicName: "statusMessage", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onEscape()" }, classAttribute: "flex flex-col gap-1.5" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ClxTimepickerComponent), multi: true }], viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true }], ngImport: i0, template: `
     @if (label()) {
-      <label [class]="_labelClass()">{{ label() }}</label>
+      <span [class]="_labelClass()">{{ label() }}</span>
     }
 
     <div
@@ -8330,7 +8330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ClxTimepickerComponent), multi: true }],
                     template: `
     @if (label()) {
-      <label [class]="_labelClass()">{{ label() }}</label>
+      <span [class]="_labelClass()">{{ label() }}</span>
     }
 
     <div