codexly-ui 0.12.2 → 0.12.4
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
CHANGED
|
@@ -7092,7 +7092,7 @@ class ClxDatepickerComponent {
|
|
|
7092
7092
|
const size = this._sizeConfig();
|
|
7093
7093
|
const status = this._statusCfg();
|
|
7094
7094
|
const focus = resolveColor(this._color()).focus;
|
|
7095
|
-
const border = this._disabled() ? `${CLX_BORDER_DISABLED} ${CLX_BG_DISABLED}` : `${status.border} focus:outline-none ${focus}`;
|
|
7095
|
+
const border = this._disabled() ? `${CLX_BORDER_DISABLED} ${CLX_BG_DISABLED}` : `${status.border} ${CLX_BG_SURFACE} focus:outline-none ${focus}`;
|
|
7096
7096
|
const cursor = this._disabled() ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';
|
|
7097
7097
|
return `relative flex items-stretch ${size.trigger} ${resolveRadius(this._themeSvc.config().borderRadius)} border ${border} ${cursor} overflow-hidden transition-[border-color,box-shadow] duration-200 select-none`;
|
|
7098
7098
|
}, ...(ngDevMode ? [{ debugName: "_triggerClass" }] : /* istanbul ignore next */ []));
|
|
@@ -7511,7 +7511,7 @@ class ClxTimepickerComponent {
|
|
|
7511
7511
|
const size = this._sizeConfig();
|
|
7512
7512
|
const status = this._statusCfg();
|
|
7513
7513
|
const focus = resolveColor(this._color()).focus;
|
|
7514
|
-
const border = this._disabled() ? `${CLX_BORDER_DISABLED} ${CLX_BG_DISABLED}` : `${status.border} focus:outline-none ${focus}`;
|
|
7514
|
+
const border = this._disabled() ? `${CLX_BORDER_DISABLED} ${CLX_BG_DISABLED}` : `${status.border} ${CLX_BG_SURFACE} focus:outline-none ${focus}`;
|
|
7515
7515
|
const cursor = this._disabled() ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';
|
|
7516
7516
|
return `relative flex items-stretch ${size.trigger} ${resolveRadius(this._themeSvc.config().borderRadius)} border ${border} ${cursor} overflow-hidden transition-[border-color,box-shadow] duration-200 select-none`;
|
|
7517
7517
|
}, ...(ngDevMode ? [{ debugName: "_triggerClass" }] : /* istanbul ignore next */ []));
|
|
@@ -7893,12 +7893,12 @@ class ClxDateRangePickerComponent {
|
|
|
7893
7893
|
const size = this._sizeConfig();
|
|
7894
7894
|
const status = this._statusCfg();
|
|
7895
7895
|
const focus = resolveColor(this._color()).focus;
|
|
7896
|
-
const border = this._disabled() ?
|
|
7896
|
+
const border = this._disabled() ? `${CLX_BORDER_DISABLED} ${CLX_BG_DISABLED}` : `${status.border} ${CLX_BG_SURFACE} focus:outline-none ${focus}`;
|
|
7897
7897
|
const cursor = this._disabled() ? 'cursor-not-allowed opacity-60' : 'cursor-pointer';
|
|
7898
7898
|
return `relative flex items-stretch ${size.trigger} ${resolveRadius(this._themeSvc.config().borderRadius)} border ${border} ${cursor} overflow-hidden transition-[border-color,box-shadow] duration-200 select-none`;
|
|
7899
7899
|
}, ...(ngDevMode ? [{ debugName: "_triggerClass" }] : /* istanbul ignore next */ []));
|
|
7900
7900
|
_displayClass = computed(() => {
|
|
7901
|
-
const color = this._disabled() ?
|
|
7901
|
+
const color = this._disabled() ? CLX_TEXT_DISABLED : this._hasValue() ? CLX_TEXT_INPUT : CLX_TEXT_IDLE;
|
|
7902
7902
|
return `flex-1 pl-3 pr-9 flex items-center text-sm ${color} truncate`;
|
|
7903
7903
|
}, ...(ngDevMode ? [{ debugName: "_displayClass" }] : /* istanbul ignore next */ []));
|
|
7904
7904
|
// ── Day cell styling ───────────────────────────────────────────────────────
|