@warp-ds/elements 1.2.1 → 1.2.2-next.1

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/dist/index.js CHANGED
@@ -1045,7 +1045,7 @@ import { html as html3 } from "lit";
1045
1045
  import WarpElement from "@warp-ds/elements-core";
1046
1046
  import { ifDefined } from "lit/directives/if-defined.js";
1047
1047
 
1048
- // node_modules/.pnpm/@warp-ds+css@1.4.2/node_modules/@warp-ds/css/component-classes/index.js
1048
+ // node_modules/.pnpm/@warp-ds+css@1.6.1/node_modules/@warp-ds/css/component-classes/index.js
1049
1049
  var badge = {
1050
1050
  base: "py-4 px-8 border-0 rounded-4 text-xs inline-flex",
1051
1051
  neutral: "i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text",
@@ -1080,6 +1080,7 @@ var card = {
1080
1080
  cardFlat: "border-2 rounded-4",
1081
1081
  cardFlatUnselected: "i-bg-$color-card-flat-background i-border-$color-card-flat-border hover:i-bg-$color-card-flat-background-hover hover:i-border-$color-card-flat-border-hover active:i-bg-$color-card-flat-background-active active:i-border-$color-card-flat-border-active",
1082
1082
  cardFlatSelected: "i-border-$color-card-flat-border-selected i-bg-$color-card-flat-background-selected hover:i-bg-$color-card-flat-background-selected-hover hover:i-border-$color-card-flat-border-selected-hover active:i-border-$color-card-flat-border-active active:i-bg-$color-card-flat-background-active",
1083
+ cardUnselected: "s-bg",
1083
1084
  cardSelected: "i-border-$color-card-border-selected i-bg-$color-card-background-selected hover:i-border-$color-card-border-selected-hover hover:i-bg-$color-card-background-selected-hover active:i-border-$color-card-border-selected-active",
1084
1085
  cardOutline: "active:i-border-$color-card-flat-border absolute rounded-8 inset-0 transition-all border-2",
1085
1086
  cardOutlineUnselected: "i-border-$color-card-border",
@@ -3348,7 +3349,7 @@ var WarpCard = class extends WarpElement9 {
3348
3349
  return fclasses({
3349
3350
  [card.card]: true,
3350
3351
  [card.cardShadow]: !this.flat,
3351
- [card.cardSelected]: this.selected,
3352
+ [this.selected ? card.cardSelected : card.cardUnselected]: !this.flat,
3352
3353
  [card.cardFlat]: this.flat,
3353
3354
  [this.selected ? card.cardFlatSelected : card.cardFlatUnselected]: this.flat
3354
3355
  });