@kolkrabbi/kol-theme 0.82.0 → 0.83.0

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.
@@ -1116,8 +1116,11 @@
1116
1116
  * happening reads as a photograph breathing; a fast one reads as a
1117
1117
  * glitch.
1118
1118
  * ───────────────────────────────────────────────────────────────────── */
1119
- .kol-media-zoom > img,
1120
- .kol-media-zoom > video {
1119
+ /* THE TARGET IS THE WRAPPER'S CHILD, WHATEVER IT IS (CatalogCardFrameAndZoom,
1120
+ * kol-website 2026-08-28): a catalog card whose media is an SVG glyph on a
1121
+ * specimen plate resolves `zoom` true and got the class, the transition and no
1122
+ * motion while this named img/video. Everything but the ring hairline. */
1123
+ .kol-media-zoom > :not(.kol-media-ring) {
1121
1124
  transition: transform 600ms var(--kol-ease-house);
1122
1125
  /* THE ANCHOR IS THE CONSUMER'S (ContentMediaFocusBinding, kol-monitor
1123
1126
  * 2026-08-27): `--kol-media-focus`, bound once on a repo's :root, is where
@@ -1128,16 +1131,14 @@
1128
1131
  }
1129
1132
 
1130
1133
  @media (hover: hover) {
1131
- .group:hover .kol-media-zoom > img,
1132
- .group:hover .kol-media-zoom > video {
1134
+ .group:hover .kol-media-zoom > :not(.kol-media-ring) {
1133
1135
  transform: scale(1.06);
1134
1136
  }
1135
1137
  /* the HERO rung (StackCardHover, 2026-08-27 — user: "that is TOO MUCH
1136
1138
  * ZOOM"): 1.06 on a ~1500px featured thumb is 90px of travel where the
1137
1139
  * 500px list thumbs move 30. 1.02 on the hero is the same pixel travel.
1138
1140
  * `ListingCard size="hero"` wears it; ContentMedia takes zoom="hero". */
1139
- .group:hover .kol-media-zoom.is-hero > img,
1140
- .group:hover .kol-media-zoom.is-hero > video {
1141
+ .group:hover .kol-media-zoom.is-hero > :not(.kol-media-ring) {
1141
1142
  transform: scale(1.02);
1142
1143
  }
1143
1144
  }
@@ -1176,12 +1177,10 @@
1176
1177
  }
1177
1178
 
1178
1179
  @media (prefers-reduced-motion: reduce) {
1179
- .kol-media-zoom > img,
1180
- .kol-media-zoom > video {
1180
+ .kol-media-zoom > :not(.kol-media-ring) {
1181
1181
  transition: none;
1182
1182
  }
1183
- .group:hover .kol-media-zoom > img,
1184
- .group:hover .kol-media-zoom > video {
1183
+ .group:hover .kol-media-zoom > :not(.kol-media-ring) {
1185
1184
  transform: none;
1186
1185
  }
1187
1186
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-theme",
3
- "version": "0.82.0",
3
+ "version": "0.83.0",
4
4
  "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
5
5
  "license": "MIT",
6
6
  "type": "module",