@k2b/ui 0.50.0 → 0.51.0

package/dist/base.css

@@ -21,6 +21,7 @@
     color-scheme: light;
 
     --k2b-font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
+    --k2b-row-measure: 40rem;
     --k2b-font-mono: "IBM Plex Mono", ui-monospace, monospace;
     --k2b-radius-control: 0.5rem;
     --k2b-radius-surface: 0.75rem;
@@ -1012,8 +1013,14 @@
   .k2b-chart__svg:has(> svg[data-bar-layout="rows"]) {
     flex: none;
     height: var(--k2b-chart-height);
+    max-width: var(--k2b-row-measure, 40rem);
   }
 
+  .k2b-chart-category-band { stroke: none; }
+  .k2b-chart [data-inspected] > .k2b-chart-category-band[fill="none"] { fill: color-mix(in srgb, currentColor 5%, transparent); }
+  .stdlib-chart .k2b-chart-group-heading { font-size: 11.5px; font-weight: 600; opacity: 1; }
+  .stdlib-chart .k2b-chart-segment-value { font-size: 11px; font-weight: 500; fill: currentColor; opacity: 1; }
+
   .stdlib-chart-series-0 { fill: var(--stdlib-chart-c1); stroke: var(--stdlib-chart-c1); }
   .stdlib-chart-series-1 { fill: var(--stdlib-chart-c2); stroke: var(--stdlib-chart-c2); }
   .stdlib-chart-series-2 { fill: var(--stdlib-chart-c3); stroke: var(--stdlib-chart-c3); }
@@ -1080,7 +1087,7 @@
 
   /* Calm hover: nothing else dims. A single mark gets a thin outline; a column or row of a category chart gets a
      light band behind it instead (data-inspecting="category"). */
-  .k2b-chart:not([data-chart-kind="bar"], [data-chart-kind="histogram"], [data-chart-kind="boxplot"]) [data-inspected]:not([data-chart-role="value"]) > :is(rect, path, circle) {
+  .k2b-chart:not([data-chart-kind="bar"], [data-chart-kind="histogram"], [data-chart-kind="boxplot"]) [data-inspected]:not([data-chart-role="value"]) > :is(rect, path, circle):not(.k2b-chart-category-band) {
     stroke: var(--k2b-chart-inspection-color);
     vector-effect: non-scaling-stroke;
   }
@@ -1093,6 +1100,12 @@
   }
 
   /* The band sits behind the marks without positioning the drawing, which would change what lies on top. */
+  .k2b-chart:focus-visible:is([data-chart-kind="bar"], [data-chart-kind="hbar"], [data-chart-kind="histogram"], [data-chart-kind="boxplot"]) [data-inspected] > :is(rect, path, circle):not(.k2b-chart-category-band) {
+    stroke: var(--k2b-chart-inspection-color);
+    stroke-width: 1.5px;
+    vector-effect: non-scaling-stroke;
+  }
+
   .k2b-chart[data-inspecting="category"] {
     isolation: isolate;
   }
@@ -1110,6 +1123,14 @@
     pointer-events: none;
   }
 
+  .k2b-chart { --k2b-chart-selection-color: currentColor; }
+  .k2b-chart [data-selected] > .k2b-chart-previous > rect { stroke: var(--k2b-chart-selection-color); stroke-width: 2.5px; }
+  .k2b-chart:focus-visible [data-inspected]:not([data-selected]) > .k2b-chart-previous > rect { stroke: var(--k2b-chart-inspection-color); stroke-width: 1.5px; }
+
+  /* Pointer hover paints the band instead of outlining every segment. */
+  .k2b-chart:not(:focus-visible):has(svg[data-bar-layout] .k2b-chart-category-band) [data-inspected]:not([data-selected]) > :is(rect,path,circle):not(.k2b-chart-category-band),
+  .k2b-chart:not(:focus-visible):has(svg[data-bar-layout] .k2b-chart-category-band) [data-inspected]:not([data-selected]) > .k2b-chart-previous > rect { stroke: none; }
+
   .k2b-chart [data-inspected] > .stdlib-chart-inspection-point {
     fill: var(--k2b-chart-inspection-color);
   }
@@ -1312,6 +1333,16 @@
   }
 }
 
+/* Category hover paints only the band; keyboard and selection outline marks. */
+@layer k2b-base {
+.k2b-chart[data-chart-kind="waterfall"] :is([data-inspected], [data-selected]) > .k2b-chart-category-band { fill-opacity: .05; stroke: none; }
+.k2b-chart[data-chart-kind="waterfall"] [data-inspected="hover"]:not([data-selected]) > .k2b-waterfall-bar { stroke: none; }
+}
+
+@layer k2b-base {
+.k2b-chart[data-chart-kind="waterfall"] .k2b-waterfall-value { font-weight: 600; fill: var(--k2b-text-secondary, #52525b); }
+}
+
 @layer k2b-base {
 .k2b-chart[data-chart-kind="area"] [data-selected] > .k2b-area-inspection-point { opacity: 1; stroke-width: 1.5px; }
 }

package/dist/browser/actions/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/Button.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent, type NavigationScrollMode } from \"@k2b/ssr/nav\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { Tooltip, type TooltipPlacement, useLabelTooltip } from \"../feedback/Tooltip\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"text\" | \"subtle\" | \"input\" | \"warning\" | \"danger\" | \"success\" | \"ai\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\nexport type ButtonAlign = \"center\" | \"start\";\n\nexport type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  /** Start-align the content and let the label fill the button, for full-width rows. Defaults to `\"center\"`. */\n  align?: ButtonAlign;\n  loading?: boolean;\n  loadingLabel?: string;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nexport type ButtonLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"onClick\"> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  /** Start-align the content and let the label fill the button, for full-width rows. Defaults to `\"center\"`. */\n  align?: ButtonAlign;\n  navigation?: \"document\" | \"enhanced\";\n  onClick?: JSX.EventHandlerUnion<HTMLAnchorElement, MouseEvent>;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n  replace?: boolean;\n  scroll?: NavigationScrollMode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nconst buttonClass = (className?: string): string => [\"k2b-button\", className].filter(Boolean).join(\" \");\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"loading\",\n    \"loadingLabel\",\n    \"ref\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"type\",\n    \"variant\",\n    \"wrap\",\n    \"align\",\n  ]);\n  let target: HTMLButtonElement | undefined;\n  const setRef = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  // While busy, a loading label names the button, over any name the caller\n  // gave it, because the idle content it would describe is not visible.\n  const busyName = () => (local.loading && local.loadingLabel) || undefined;\n\n  const control = (\n    <button\n      {...rest}\n      aria-label={busyName() ?? local[\"aria-label\"]}\n      aria-labelledby={busyName() ? undefined : local[\"aria-labelledby\"]}\n      ref={setRef}\n      type={local.type ?? \"button\"}\n      class={buttonClass(local.class)}\n      data-size={local.size ?? \"md\"}\n      data-variant={local.variant ?? \"primary\"}\n      data-wrap={local.wrap || undefined}\n      data-align={local.align === \"start\" ? \"start\" : undefined}\n      disabled={local.disabled || local.loading}\n      aria-busy={local.loading ? \"true\" : undefined}\n    >\n      {/* The idle content keeps its place, invisibly, so the button keeps its\n          size; the spinner is drawn over it. */}\n      <span class=\"k2b-button__label\">{local.children}</span>\n      <Show when={local.loading}>\n        <span class=\"k2b-button__busy\" aria-hidden=\"true\">\n          <i class=\"ti ti-loader-2 k2b-spin\" />\n        </span>\n      </Show>\n    </button>\n  );\n\n  return (\n    <>\n      {control}\n      <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n        <Tooltip\n          content={local.tooltip as JSX.Element}\n          target={() => target}\n          delay={local.tooltipDelay}\n          disabled={local.disabled || local.loading}\n          placement={local.tooltipPlacement}\n        />\n      </Show>\n    </>\n  );\n}\n\nexport function ButtonLink(props: ButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"href\",\n    \"navigation\",\n    \"onClick\",\n    \"onNavigate\",\n    \"replace\",\n    \"ref\",\n    \"scroll\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"variant\",\n    \"wrap\",\n    \"align\",\n  ]);\n  let target: HTMLAnchorElement | undefined;\n  const setRef = (element: HTMLAnchorElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  const className = buttonClass(local.class);\n  const content = <span class=\"k2b-button__label\">{local.children}</span>;\n\n  const tooltip = () => (\n    <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n      <Tooltip content={local.tooltip as JSX.Element} target={() => target} delay={local.tooltipDelay} placement={local.tooltipPlacement} />\n    </Show>\n  );\n\n  if (local.navigation === \"enhanced\" && local.href && local.onNavigate) {\n    return (\n      <>\n        <Link\n          {...rest}\n          ref={setRef}\n          href={local.href}\n          class={className}\n          data-size={local.size ?? \"md\"}\n          data-variant={local.variant ?? \"primary\"}\n          data-wrap={local.wrap || undefined}\n          data-align={local.align === \"start\" ? \"start\" : undefined}\n          onClick={local.onClick}\n          onNavigate={local.onNavigate}\n          replace={local.replace}\n          scroll={local.scroll}\n        >\n          {content}\n        </Link>\n        {tooltip()}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <a\n        {...rest}\n        ref={setRef}\n        href={local.href}\n        class={className}\n        data-size={local.size ?? \"md\"}\n        data-variant={local.variant ?? \"primary\"}\n        data-wrap={local.wrap || undefined}\n        data-align={local.align === \"start\" ? \"start\" : undefined}\n        onClick={local.onClick}\n      >\n        {content}\n      </a>\n      {tooltip()}\n    </>\n  );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\nexport type IconButtonLinkProps = Omit<ButtonLinkProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\n/**\n * The native title is only the server-rendered, no-JavaScript hint; the\n * hydrated tooltip removes it. Without a tooltip, an explicit title stays.\n */\nexport const iconTitle = (title: string | undefined, tooltip: JSX.Element | false | undefined): string | undefined =>\n  tooltip === false || tooltip === undefined ? title : isServer && typeof tooltip === \"string\" ? tooltip : undefined;\n\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"title\", \"tooltip\", \"variant\"]);\n  const tooltip = useLabelTooltip(\n    () => local.tooltip,\n    () => local.title ?? local.label,\n  );\n\n  return (\n    <Button\n      {...rest}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.label}\n      title={iconTitle(local.title, tooltip())}\n      tooltip={tooltip()}\n    >\n      {local.children}\n    </Button>\n  );\n}\n\nexport function IconButtonLink(props: IconButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"title\", \"tooltip\", \"variant\"]);\n  const tooltip = useLabelTooltip(\n    () => local.tooltip,\n    () => local.title ?? local.label,\n  );\n\n  return (\n    <ButtonLink\n      {...rest}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.label}\n      title={iconTitle(local.title, tooltip())}\n      tooltip={tooltip()}\n    >\n      {local.children}\n    </ButtonLink>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/Button.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent, type NavigationScrollMode } from \"@k2b/ssr/nav\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { Tooltip, type TooltipPlacement, useLabelTooltip } from \"../feedback/Tooltip\";\n\nexport type ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"text\"\n  | \"link\"\n  | \"subtle\"\n  | \"input\"\n  | \"warning\"\n  | \"danger\"\n  | \"success\"\n  | \"ai\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\nexport type ButtonAlign = \"center\" | \"start\";\n\nexport type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  /** Start-align the content and let the label fill the button, for full-width rows. Defaults to `\"center\"`. */\n  align?: ButtonAlign;\n  loading?: boolean;\n  loadingLabel?: string;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nexport type ButtonLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"onClick\"> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  /** Start-align the content and let the label fill the button, for full-width rows. Defaults to `\"center\"`. */\n  align?: ButtonAlign;\n  navigation?: \"document\" | \"enhanced\";\n  onClick?: JSX.EventHandlerUnion<HTMLAnchorElement, MouseEvent>;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n  replace?: boolean;\n  scroll?: NavigationScrollMode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nconst buttonClass = (className?: string): string => [\"k2b-button\", className].filter(Boolean).join(\" \");\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"loading\",\n    \"loadingLabel\",\n    \"ref\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"type\",\n    \"variant\",\n    \"wrap\",\n    \"align\",\n  ]);\n  let target: HTMLButtonElement | undefined;\n  const setRef = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  // While busy, a loading label names the button, over any name the caller\n  // gave it, because the idle content it would describe is not visible.\n  const busyName = () => (local.loading && local.loadingLabel) || undefined;\n\n  const control = (\n    <button\n      {...rest}\n      aria-label={busyName() ?? local[\"aria-label\"]}\n      aria-labelledby={busyName() ? undefined : local[\"aria-labelledby\"]}\n      ref={setRef}\n      type={local.type ?? \"button\"}\n      class={buttonClass(local.class)}\n      data-size={local.size ?? \"md\"}\n      data-variant={local.variant ?? \"primary\"}\n      data-wrap={local.wrap || undefined}\n      data-align={local.align === \"start\" ? \"start\" : undefined}\n      disabled={local.disabled || local.loading}\n      aria-busy={local.loading ? \"true\" : undefined}\n    >\n      {/* The idle content keeps its place, invisibly, so the button keeps its\n          size; the spinner is drawn over it. */}\n      <span class=\"k2b-button__label\">{local.children}</span>\n      <Show when={local.loading}>\n        <span class=\"k2b-button__busy\" aria-hidden=\"true\">\n          <i class=\"ti ti-loader-2 k2b-spin\" />\n        </span>\n      </Show>\n    </button>\n  );\n\n  return (\n    <>\n      {control}\n      <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n        <Tooltip\n          content={local.tooltip as JSX.Element}\n          target={() => target}\n          delay={local.tooltipDelay}\n          disabled={local.disabled || local.loading}\n          placement={local.tooltipPlacement}\n        />\n      </Show>\n    </>\n  );\n}\n\nexport function ButtonLink(props: ButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"href\",\n    \"navigation\",\n    \"onClick\",\n    \"onNavigate\",\n    \"replace\",\n    \"ref\",\n    \"scroll\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"variant\",\n    \"wrap\",\n    \"align\",\n  ]);\n  let target: HTMLAnchorElement | undefined;\n  const setRef = (element: HTMLAnchorElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  const className = buttonClass(local.class);\n  const content = <span class=\"k2b-button__label\">{local.children}</span>;\n\n  const tooltip = () => (\n    <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n      <Tooltip content={local.tooltip as JSX.Element} target={() => target} delay={local.tooltipDelay} placement={local.tooltipPlacement} />\n    </Show>\n  );\n\n  if (local.navigation === \"enhanced\" && local.href && local.onNavigate) {\n    return (\n      <>\n        <Link\n          {...rest}\n          ref={setRef}\n          href={local.href}\n          class={className}\n          data-size={local.size ?? \"md\"}\n          data-variant={local.variant ?? \"primary\"}\n          data-wrap={local.wrap || undefined}\n          data-align={local.align === \"start\" ? \"start\" : undefined}\n          onClick={local.onClick}\n          onNavigate={local.onNavigate}\n          replace={local.replace}\n          scroll={local.scroll}\n        >\n          {content}\n        </Link>\n        {tooltip()}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <a\n        {...rest}\n        ref={setRef}\n        href={local.href}\n        class={className}\n        data-size={local.size ?? \"md\"}\n        data-variant={local.variant ?? \"primary\"}\n        data-wrap={local.wrap || undefined}\n        data-align={local.align === \"start\" ? \"start\" : undefined}\n        onClick={local.onClick}\n      >\n        {content}\n      </a>\n      {tooltip()}\n    </>\n  );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\nexport type IconButtonLinkProps = Omit<ButtonLinkProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\n/**\n * The native title is only the server-rendered, no-JavaScript hint; the\n * hydrated tooltip removes it. Without a tooltip, an explicit title stays.\n */\nexport const iconTitle = (title: string | undefined, tooltip: JSX.Element | false | undefined): string | undefined =>\n  tooltip === false || tooltip === undefined ? title : isServer && typeof tooltip === \"string\" ? tooltip : undefined;\n\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"title\", \"tooltip\", \"variant\"]);\n  const tooltip = useLabelTooltip(\n    () => local.tooltip,\n    () => local.title ?? local.label,\n  );\n\n  return (\n    <Button\n      {...rest}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.label}\n      title={iconTitle(local.title, tooltip())}\n      tooltip={tooltip()}\n    >\n      {local.children}\n    </Button>\n  );\n}\n\nexport function IconButtonLink(props: IconButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"title\", \"tooltip\", \"variant\"]);\n  const tooltip = useLabelTooltip(\n    () => local.tooltip,\n    () => local.title ?? local.label,\n  );\n\n  return (\n    <ButtonLink\n      {...rest}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.label}\n      title={iconTitle(local.title, tooltip())}\n      tooltip={tooltip()}\n    >\n      {local.children}\n    </ButtonLink>\n  );\n}\n"],"mappings":"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","ignoreList":[]}