@kolkrabbi/kol-theme 0.43.0 → 0.43.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/kol-components-atoms.css
CHANGED
|
@@ -871,6 +871,20 @@ a:hover .icon-hover,
|
|
|
871
871
|
/* the same three squares as .kol-icon-frame-{sm,md,lg}. The SOLO glyph ladder
|
|
872
872
|
* (16/20/24) pairs 1:1 with them and ActionButton resolves it — the pairing is
|
|
873
873
|
* never re-typed at a call site. */
|
|
874
|
+
/* bare — no square, no fill, no padding; the glyph and its ink only. The host
|
|
875
|
+
* owns the frame (CodeBlock / SearchInput / ThemeToggle sense of the word).
|
|
876
|
+
* Hover and active still move the INK, so the control is not stateless. */
|
|
877
|
+
.kol-copy-btn--bare {
|
|
878
|
+
width: auto;
|
|
879
|
+
height: auto;
|
|
880
|
+
padding: 0;
|
|
881
|
+
background: transparent;
|
|
882
|
+
}
|
|
883
|
+
.kol-copy-btn--bare:hover,
|
|
884
|
+
.kol-copy-btn--bare:active {
|
|
885
|
+
background: transparent;
|
|
886
|
+
}
|
|
887
|
+
|
|
874
888
|
.kol-copy-btn-sm { width: 28px; height: 28px; }
|
|
875
889
|
.kol-copy-btn-md { width: 32px; height: 32px; }
|
|
876
890
|
.kol-copy-btn-lg { width: 36px; height: 36px; }
|
|
@@ -1035,6 +1049,16 @@ a.kol-icon-frame {
|
|
|
1035
1049
|
color: var(--kol-surface-on-primary);
|
|
1036
1050
|
border: 1px solid transparent;
|
|
1037
1051
|
}
|
|
1052
|
+
/* plate — the ONE exception in 05-control-chrome.md § Icon box: an affordance
|
|
1053
|
+
* sitting on a PHOTO. It needs an opaque plate and a backdrop blur to stay
|
|
1054
|
+
* legible over arbitrary pixels, and no Button variant covers it. Values are
|
|
1055
|
+
* MediaCard's, which is the instance the doc names. */
|
|
1056
|
+
.kol-icon-frame-plate {
|
|
1057
|
+
background: var(--kol-fg-absolute-12, rgba(0, 0, 0, 0.4));
|
|
1058
|
+
backdrop-filter: blur(4px);
|
|
1059
|
+
color: var(--kol-surface-on-primary);
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1038
1062
|
.kol-icon-frame-grey {
|
|
1039
1063
|
background: var(--kol-oq-12);
|
|
1040
1064
|
color: var(--kol-surface-on-primary);
|
|
@@ -813,6 +813,8 @@
|
|
|
813
813
|
border-top: 1px solid var(--kol-fg-08);
|
|
814
814
|
/* 20px below the rule; the 20px above falls out of the rail body's own
|
|
815
815
|
* gap-5, so a symmetric space–divider–space lands without this file
|
|
816
|
-
* knowing anything about the rail.
|
|
817
|
-
|
|
816
|
+
* knowing anything about the rail.
|
|
817
|
+
* px, not --kol-spacing-5 — that token is rem, and spacing here is px
|
|
818
|
+
* (.kol-tag--sm, .kol-sidenav-group, .kol-control-* all set px directly). */
|
|
819
|
+
padding-top: 20px;
|
|
818
820
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.43.
|
|
3
|
+
"version": "0.43.1",
|
|
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",
|