@kolkrabbi/kol-theme 0.173.0 → 0.174.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.
- package/kol-components-atoms.css +28 -0
- package/package.json +1 -1
package/kol-components-atoms.css
CHANGED
|
@@ -1205,6 +1205,34 @@ a.kol-icon-frame {
|
|
|
1205
1205
|
border: 1px solid transparent;
|
|
1206
1206
|
}
|
|
1207
1207
|
|
|
1208
|
+
/* ───── IconToggle — an icon-only toggle; the state is the INK (IconToggle, kol-mirror 2026-10-15) ─────
|
|
1209
|
+
* The interactive twin of IconFrame: no ground, no border, no pressed fill — its own classes, so
|
|
1210
|
+
* nothing of kol-btn-* is inherited. Ink on the oq ladder (icons-use-oq law). */
|
|
1211
|
+
.kol-icon-toggle {
|
|
1212
|
+
appearance: none;
|
|
1213
|
+
-webkit-appearance: none;
|
|
1214
|
+
display: inline-flex;
|
|
1215
|
+
align-items: center;
|
|
1216
|
+
justify-content: center;
|
|
1217
|
+
flex-shrink: 0;
|
|
1218
|
+
line-height: 0;
|
|
1219
|
+
padding: 0;
|
|
1220
|
+
border: 0;
|
|
1221
|
+
background: transparent;
|
|
1222
|
+
border-radius: var(--kol-radius-sm);
|
|
1223
|
+
color: var(--kol-oq-32);
|
|
1224
|
+
cursor: pointer;
|
|
1225
|
+
}
|
|
1226
|
+
.kol-icon-toggle[aria-pressed="false"]:not(:disabled):hover { color: var(--kol-oq-64); }
|
|
1227
|
+
.kol-icon-toggle[aria-pressed="true"] { color: var(--kol-oq-96); }
|
|
1228
|
+
.kol-icon-toggle-danger[aria-pressed="true"] { color: var(--ui-error); }
|
|
1229
|
+
.kol-icon-toggle:disabled { color: var(--kol-oq-12); cursor: default; }
|
|
1230
|
+
.kol-icon-toggle:focus-visible { outline: 2px solid var(--kol-focus-ring); outline-offset: 2px; }
|
|
1231
|
+
.kol-icon-toggle:focus:not(:focus-visible) { outline: none; }
|
|
1232
|
+
.kol-icon-toggle-xs { width: var(--kol-ctl-xs); height: var(--kol-ctl-xs); }
|
|
1233
|
+
.kol-icon-toggle-sm { width: var(--kol-ctl-sm); height: var(--kol-ctl-sm); }
|
|
1234
|
+
.kol-icon-toggle-md { width: var(--kol-ctl-md); height: var(--kol-ctl-md); }
|
|
1235
|
+
|
|
1208
1236
|
/* PlayDisc — the Finder play/pause disc on a media tile (PlayDiscAndVideoBar,
|
|
1209
1237
|
* kol-r2b2 2026-08-27): a round `IconFrame secondary lg radius="full"`, hidden
|
|
1210
1238
|
* at rest, shown on hover of the tile (`.kol-media-tile`) or on focus, over
|