@kolkrabbi/kol-component 0.320.0 → 0.320.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-component",
3
- "version": "0.320.0",
3
+ "version": "0.320.1",
4
4
  "description": "The core component library",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -26,8 +26,8 @@
26
26
  "embla-carousel-react": "^8.6.0",
27
27
  "pdfjs-dist": "^6.3.289",
28
28
  "react-syntax-highlighter": "^16.1.1",
29
- "@kolkrabbi/kol-growth": "^0.3.0",
30
29
  "@kolkrabbi/kol-search": "^0.3.0",
30
+ "@kolkrabbi/kol-growth": "^0.3.0",
31
31
  "@kolkrabbi/kol-markdown": "^0.2.0"
32
32
  },
33
33
  "peerDependencies": {
@@ -148,8 +148,9 @@ export function SettingsRow({ label, hint, align = 'end', labelWidth = 160, text
148
148
  return (
149
149
  <LabeledControl inline text={text} label={typeof label === 'string' ? label.toUpperCase() : label} labelWidth={labelWidth}>
150
150
  {hint
151
- ? <Tooltip label={hint} triggerClassName={`inline-flex w-full ${align === 'fill' ? '' : 'justify-end'}`.trim()}>{children}</Tooltip>
152
- : <span className={`inline-flex w-full ${align === 'fill' ? '' : 'justify-end'}`.trim()}>{children}</span>}
151
+ ? <Tooltip label={hint} triggerClassName={`flex min-h-6 items-center w-full ${align === 'fill' ? '' : 'justify-end'}`.trim()}>{children}</Tooltip>
152
+ /* `flex`, not `inline-flex`: an inline box rode the label's text baseline and sat 5px low (2026-10-31) */
153
+ : <span className={`flex min-h-6 items-center w-full ${align === 'fill' ? '' : 'justify-end'}`.trim()}>{children}</span>}
153
154
  </LabeledControl>
154
155
  )
155
156
  }
@@ -77,7 +77,7 @@ export default function SettingsSections({ sections = [], divided = false, label
77
77
  return (
78
78
  <div className={`kol-settings-sections flex flex-col gap-6 ${className}`.trim()}>
79
79
  {sections.map((sec, i) => (
80
- <LabeledControlSection key={sec.label ?? i} label={sec.label} divided={divided} rowGap={sec.rowGap}>
80
+ <LabeledControlSection key={sec.label ?? i} label={sec.label} divided={divided} rowGap={sec.rowGap ?? (sec.rows?.length && sec.rows.every((r) => r.type === 'switch') ? 1 : undefined)}>
81
81
  {sec.note != null && notes(sec.note)}
82
82
  {(sec.rows ?? []).map((row, j) => (
83
83
  <SettingsRow