codexly-ui 0.12.25 → 0.12.27

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.
Files changed (3) hide show
  1. package/fesm2022/codexly-ui.mjs +18 -16
  2. package/fesm2022/codexly-ui.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/codexly-ui.mjs CHANGED
@@ -1597,17 +1597,19 @@ class ClxCardComponent {
1597
1597
  const shadowClass = shadowInput !== undefined ? CARD_SHADOW_MAP[shadowInput] : 'shadow-md';
1598
1598
  variantClass = showBorder
1599
1599
  ? `bg-clx-surface ${shadowClass} border ${t.borderLight}`
1600
- : `bg-clx-surface ${shadowClass} border border-transparent`;
1600
+ : `bg-clx-surface ${shadowClass}`;
1601
1601
  }
1602
1602
  else if (variant === 'outlined') {
1603
1603
  const shadowClass = shadowInput !== undefined ? CARD_SHADOW_MAP[shadowInput] : '';
1604
+ // Same t.borderLight/intensity as 'elevated' — the two variants differ only in whether a
1605
+ // shadow accompanies the border, never in the border's own color or weight.
1604
1606
  variantClass = showBorder
1605
- ? `bg-clx-surface border ${t.border} ${shadowClass}`
1606
- : `bg-clx-surface border border-transparent ${shadowClass}`;
1607
+ ? `bg-clx-surface border ${t.borderLight} ${shadowClass}`
1608
+ : `bg-clx-surface ${shadowClass}`;
1607
1609
  }
1608
1610
  else {
1609
1611
  const shadowClass = shadowInput !== undefined ? CARD_SHADOW_MAP[shadowInput] : '';
1610
- variantClass = `bg-clx-surface-2 border border-transparent ${shadowClass}`;
1612
+ variantClass = `bg-clx-surface-2 ${shadowClass}`;
1611
1613
  }
1612
1614
  const disabledCls = this.disabled() ? 'opacity-50' : '';
1613
1615
  const radius = this.radius() ?? this._themeSvc.config().borderRadius;
@@ -9925,7 +9927,7 @@ class ClxWizardComponent {
9925
9927
  <button
9926
9928
  clx-button
9927
9929
  type="button"
9928
- [color]="_color()"
9930
+ emphasis="secondary"
9929
9931
  variant="ghost"
9930
9932
  size="sm"
9931
9933
  icon="arrow_back"
@@ -10033,7 +10035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
10033
10035
  <button
10034
10036
  clx-button
10035
10037
  type="button"
10036
- [color]="_color()"
10038
+ emphasis="secondary"
10037
10039
  variant="ghost"
10038
10040
  size="sm"
10039
10041
  icon="arrow_back"
@@ -16728,7 +16730,7 @@ class ClxCartComponent {
16728
16730
  <div class="flex items-center justify-between">
16729
16731
  <div class="flex items-center gap-2">
16730
16732
  <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
16731
- <span clx-badge variant="light" [color]="color()" size="sm">{{ _totalUnits() }}</span>
16733
+ <span clx-badge variant="solid" [color]="color()" size="sm">{{ _totalUnits() }}</span>
16732
16734
  </div>
16733
16735
  <button
16734
16736
  clx-button type="button" variant="light" color="red" icon="delete"
@@ -16873,7 +16875,7 @@ class ClxCartComponent {
16873
16875
  </div>
16874
16876
  @if (coupon()) {
16875
16877
  @if (coupon()!.valid) {
16876
- <div class="flex items-center gap-1.5 text-emerald-600">
16878
+ <div class="flex items-center gap-1.5 text-green-500">
16877
16879
  <span clx-icon name="check_circle" size="sm"></span>
16878
16880
  <code class="text-xs font-bold">{{ coupon()!.code }}</code>
16879
16881
  <span class="text-xs">aplicado</span>
@@ -16895,16 +16897,16 @@ class ClxCartComponent {
16895
16897
  <dd class="font-medium">{{ _subtotal() | currency:'COP':'$':'1.0-0' }}</dd>
16896
16898
  </div>
16897
16899
  @if (_savingsAmount() > 0) {
16898
- <div class="flex justify-between text-emerald-600">
16900
+ <div class="flex justify-between text-green-500">
16899
16901
  <dt>Descuento productos</dt>
16900
16902
  <dd class="font-medium">-{{ _savingsAmount() | currency:'COP':'$':'1.0-0' }}</dd>
16901
16903
  </div>
16902
16904
  }
16903
16905
  @if (coupon()?.valid) {
16904
- <div class="flex justify-between text-emerald-600">
16906
+ <div class="flex justify-between text-green-500">
16905
16907
  <dt>
16906
16908
  Cupón
16907
- <code class="bg-emerald-50 px-1 rounded text-xs ml-1">{{ coupon()!.code }}</code>
16909
+ <code class="bg-green-50 px-1 rounded text-xs ml-1">{{ coupon()!.code }}</code>
16908
16910
  </dt>
16909
16911
  <dd class="font-medium">-{{ _couponDiscount() | currency:'COP':'$':'1.0-0' }}</dd>
16910
16912
  </div>
@@ -17009,7 +17011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
17009
17011
  <div class="flex items-center justify-between">
17010
17012
  <div class="flex items-center gap-2">
17011
17013
  <h2 class="text-base font-semibold text-clx-text-label">Productos</h2>
17012
- <span clx-badge variant="light" [color]="color()" size="sm">{{ _totalUnits() }}</span>
17014
+ <span clx-badge variant="solid" [color]="color()" size="sm">{{ _totalUnits() }}</span>
17013
17015
  </div>
17014
17016
  <button
17015
17017
  clx-button type="button" variant="light" color="red" icon="delete"
@@ -17154,7 +17156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
17154
17156
  </div>
17155
17157
  @if (coupon()) {
17156
17158
  @if (coupon()!.valid) {
17157
- <div class="flex items-center gap-1.5 text-emerald-600">
17159
+ <div class="flex items-center gap-1.5 text-green-500">
17158
17160
  <span clx-icon name="check_circle" size="sm"></span>
17159
17161
  <code class="text-xs font-bold">{{ coupon()!.code }}</code>
17160
17162
  <span class="text-xs">aplicado</span>
@@ -17176,16 +17178,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
17176
17178
  <dd class="font-medium">{{ _subtotal() | currency:'COP':'$':'1.0-0' }}</dd>
17177
17179
  </div>
17178
17180
  @if (_savingsAmount() > 0) {
17179
- <div class="flex justify-between text-emerald-600">
17181
+ <div class="flex justify-between text-green-500">
17180
17182
  <dt>Descuento productos</dt>
17181
17183
  <dd class="font-medium">-{{ _savingsAmount() | currency:'COP':'$':'1.0-0' }}</dd>
17182
17184
  </div>
17183
17185
  }
17184
17186
  @if (coupon()?.valid) {
17185
- <div class="flex justify-between text-emerald-600">
17187
+ <div class="flex justify-between text-green-500">
17186
17188
  <dt>
17187
17189
  Cupón
17188
- <code class="bg-emerald-50 px-1 rounded text-xs ml-1">{{ coupon()!.code }}</code>
17190
+ <code class="bg-green-50 px-1 rounded text-xs ml-1">{{ coupon()!.code }}</code>
17189
17191
  </dt>
17190
17192
  <dd class="font-medium">-{{ _couponDiscount() | currency:'COP':'$':'1.0-0' }}</dd>
17191
17193
  </div>