@harnessio/ui 1.0.3 → 1.0.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.
@@ -1772,6 +1772,9 @@ const ee = {
1772
1772
  "&[data-side=left]": {
1773
1773
  "--tw-enter-translate-x": "8px"
1774
1774
  },
1775
+ "&.cn-saved-filters-dropdown": {
1776
+ "--cn-dropdown-item-py": "var(--cn-spacing-1)"
1777
+ },
1775
1778
  "&-container": {
1776
1779
  padding: "var(--cn-dropdown-container)",
1777
1780
  minWidth: "0",
@@ -1800,6 +1803,11 @@ const ee = {
1800
1803
  userSelect: "none",
1801
1804
  minWidth: "0",
1802
1805
  "@apply transition-colors": "",
1806
+ "& .cn-saved-filter-delete": {
1807
+ opacity: "0",
1808
+ flexShrink: "0",
1809
+ transition: "opacity 150ms ease"
1810
+ },
1803
1811
  "&:not(:where([aria-disabled=true]))": {
1804
1812
  '&:where([data-highlighted]), &:where([data-state="open"])': {
1805
1813
  backgroundColor: "var(--cn-state-hover)",
@@ -1807,6 +1815,9 @@ const ee = {
1807
1815
  cursor: "default"
1808
1816
  }
1809
1817
  },
1818
+ "&:where([data-highlighted]) .cn-saved-filter-delete, &:hover .cn-saved-filter-delete": {
1819
+ opacity: "1"
1820
+ },
1810
1821
  "&-subtrigger": {
1811
1822
  "&:hover": {
1812
1823
  cursor: "default"
@@ -5114,17 +5125,17 @@ const br = {
5114
5125
  color: "var(--cn-set-purple-outline-text)",
5115
5126
  "background-color": "var(--cn-set-purple-outline-bg)",
5116
5127
  "border-color": "var(--cn-set-purple-outline-border)",
5117
- /**
5118
- * For the corner scoop effect
5119
- */
5128
+ // NOT a reusable pattern — values are hand-tuned to --cn-rounded-6.
5129
+ // Width, height, bottom offset, and gradient stops must all be
5130
+ // recalculated together if the card's corner radius changes.
5120
5131
  "&::before": {
5121
5132
  content: '""',
5122
5133
  position: "absolute",
5123
- bottom: "-8px",
5134
+ bottom: "calc(-1 * var(--cn-rounded-6))",
5124
5135
  right: "-1px",
5125
- width: "8px",
5126
- height: "8px",
5127
- background: "radial-gradient(circle at bottom left, transparent 0px, transparent 7px, var(--cn-set-purple-outline-border) 7px, var(--cn-set-purple-outline-border) 8px, var(--cn-set-purple-outline-bg) 7px)",
5136
+ width: "var(--cn-rounded-6)",
5137
+ height: "var(--cn-rounded-6)",
5138
+ background: "radial-gradient(circle at bottom left, transparent 0px, transparent calc(var(--cn-rounded-6) - 1px), var(--cn-set-purple-outline-border) calc(var(--cn-rounded-6) - 1px), var(--cn-set-purple-outline-border) var(--cn-rounded-6), var(--cn-set-purple-outline-bg) calc(var(--cn-rounded-6) - 1px))",
5128
5139
  borderRight: "1px solid var(--cn-set-purple-outline-border)"
5129
5140
  }
5130
5141
  },