@k2b/ui 0.2.0 → 0.4.0

package/dist/browser/surfaces/StatusBadge.js

@@ -11,12 +11,13 @@ var _tmpl$ = /*#__PURE__*/_$template(`<span><!$><!/><span class=k2b-status-badge
   _tmpl$3 = /*#__PURE__*/_$template(`<i aria-hidden=true>`);
 import { Show } from "solid-js";
 const DEFAULT_ICONS = {
+  info: "ti ti-info-circle",
   ok: "ti ti-check",
   warning: "ti ti-alert-triangle",
   error: "ti ti-alert-circle",
   degraded: "ti ti-plug-connected-x",
   running: "ti ti-loader-2",
-  neutral: "ti ti-minus"
+  neutral: "ti ti-alert-square-rounded"
 };
 export function StatusBadge(props) {
   const variant = () => props.variant ?? "chip";

package/dist/browser/surfaces/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"names":["Show","DEFAULT_ICONS","ok","warning","error","degraded","running","neutral","StatusBadge","props","variant","icon","undefined","tone","_el$","_$getNextElement","_tmpl$","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$2","_$insert","_$createComponent","when","fallback","_tmpl$2","children","glyph","_el$6","_tmpl$3","_$effect","_$className","label","_p$","_v$","class","_v$2","_v$3","_v$4","title","e","t","_$setAttribute","a","o"],"sources":["surfaces/StatusBadge.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\n\nexport type StatusTone = \"ok\" | \"warning\" | \"error\" | \"degraded\" | \"running\" | \"neutral\";\n\nexport type StatusBadgeProps = {\n  tone: StatusTone;\n  label: JSX.Element;\n  icon?: string | null;\n  variant?: \"chip\" | \"dot\" | \"text\";\n  title?: string;\n  class?: string;\n};\n\nconst DEFAULT_ICONS: Record<StatusTone, string> = {\n  ok: \"ti ti-check\",\n  warning: \"ti ti-alert-triangle\",\n  error: \"ti ti-alert-circle\",\n  degraded: \"ti ti-plug-connected-x\",\n  running: \"ti ti-loader-2\",\n  neutral: \"ti ti-minus\",\n};\n\nexport function StatusBadge(props: StatusBadgeProps): JSX.Element {\n  const variant = () => props.variant ?? \"chip\";\n  const icon = () => (props.icon === null ? undefined : (props.icon ?? DEFAULT_ICONS[props.tone]));\n  return (\n    <span class={`k2b-status-badge ${props.class ?? \"\"}`} data-tone={props.tone} data-variant={variant()} title={props.title}>\n      <Show when={variant() !== \"dot\"} fallback={<span class=\"k2b-status-badge__dot\" aria-hidden=\"true\" />}>\n        <Show when={icon()}>{(glyph) => <i class={glyph()} aria-hidden=\"true\" />}</Show>\n      </Show>\n      <span class=\"k2b-status-badge__label\">{props.label}</span>\n    </span>\n  );\n}\n\nexport default StatusBadge;\n"],"mappings":";;;;;;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AAazC,MAAMC,aAAyC,GAAG;EAChDC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,sBAAsB;EAC/BC,KAAK,EAAE,oBAAoB;EAC3BC,QAAQ,EAAE,wBAAwB;EAClCC,OAAO,EAAE,gBAAgB;EACzBC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAe;EAChE,MAAMC,OAAO,GAAGA,CAAA,KAAMD,KAAK,CAACC,OAAO,IAAI,MAAM;EAC7C,MAAMC,IAAI,GAAGA,CAAA,KAAOF,KAAK,CAACE,IAAI,KAAK,IAAI,GAAGC,SAAS,GAAIH,KAAK,CAACE,IAAI,IAAIV,aAAa,CAACQ,KAAK,CAACI,IAAI,CAAG;EAChG;IAAA,IAAAC,IAAA,GAAAC,gBAAA,CAAAC,MAAA;MAAAC,KAAA,GAAAH,IAAA,CAAAI,UAAA;MAAA,CAAAC,KAAA,EAAAC,IAAA,IAAAC,eAAA,CAAAJ,KAAA,CAAAK,WAAA;MAAAC,KAAA,GAAAJ,KAAA,CAAAG,WAAA;IAAAE,QAAA,CAAAV,IAAA,EAAAW,iBAAA,CAEKzB,IAAI;MAAA,IAAC0B,IAAIA,CAAA;QAAA,OAAEhB,OAAO,CAAC,CAAC,KAAK,KAAK;MAAA;MAAA,IAAEiB,QAAQA,CAAA;QAAA,OAAAZ,gBAAA,CAAAa,OAAA;MAAA;MAAA,IAAAC,SAAA;QAAA,OAAAJ,iBAAA,CACtCzB,IAAI;UAAA,IAAC0B,IAAIA,CAAA;YAAA,OAAEf,IAAI,CAAC,CAAC;UAAA;UAAAkB,QAAA,EAAIC,KAAK;YAAA,IAAAC,KAAA,GAAAhB,gBAAA,CAAAiB,OAAA;YAAAC,QAAA,OAAAC,WAAA,CAAAH,KAAA,EAAeD,KAAK,CAAC,CAAC;YAAA,OAAAC,KAAA;UAAA;QAAuB;MAAA;IAAA,IAAAZ,KAAA,EAAAC,IAAA;IAAAI,QAAA,CAAAD,KAAA,QAEnCd,KAAK,CAAC0B,KAAK;IAAAF,QAAA,CAAAG,GAAA;MAAA,IAAAC,GAAA,GAJvC,oBAAoB5B,KAAK,CAAC6B,KAAK,IAAI,EAAE,EAAE;QAAAC,IAAA,GAAa9B,KAAK,CAACI,IAAI;QAAA2B,IAAA,GAAgB9B,OAAO,CAAC,CAAC;QAAA+B,IAAA,GAAShC,KAAK,CAACiC,KAAK;MAAAL,GAAA,KAAAD,GAAA,CAAAO,CAAA,IAAAT,WAAA,CAAApB,IAAA,EAAAsB,GAAA,CAAAO,CAAA,GAAAN,GAAA;MAAAE,IAAA,KAAAH,GAAA,CAAAQ,CAAA,IAAAC,cAAA,CAAA/B,IAAA,eAAAsB,GAAA,CAAAQ,CAAA,GAAAL,IAAA;MAAAC,IAAA,KAAAJ,GAAA,CAAAU,CAAA,IAAAD,cAAA,CAAA/B,IAAA,kBAAAsB,GAAA,CAAAU,CAAA,GAAAN,IAAA;MAAAC,IAAA,KAAAL,GAAA,CAAAW,CAAA,IAAAF,cAAA,CAAA/B,IAAA,WAAAsB,GAAA,CAAAW,CAAA,GAAAN,IAAA;MAAA,OAAAL,GAAA;IAAA;MAAAO,CAAA,EAAA/B,SAAA;MAAAgC,CAAA,EAAAhC,SAAA;MAAAkC,CAAA,EAAAlC,SAAA;MAAAmC,CAAA,EAAAnC;IAAA;IAAA,OAAAE,IAAA;EAAA;AAO5H;AAEA,eAAeN,WAAW","ignoreList":[]}
+{"version":3,"names":["Show","DEFAULT_ICONS","info","ok","warning","error","degraded","running","neutral","StatusBadge","props","variant","icon","undefined","tone","_el$","_$getNextElement","_tmpl$","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$2","_$insert","_$createComponent","when","fallback","_tmpl$2","children","glyph","_el$6","_tmpl$3","_$effect","_$className","label","_p$","_v$","class","_v$2","_v$3","_v$4","title","e","t","_$setAttribute","a","o"],"sources":["surfaces/StatusBadge.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\n\nexport type StatusTone = \"info\" | \"ok\" | \"warning\" | \"error\" | \"degraded\" | \"running\" | \"neutral\";\n\nexport type StatusBadgeProps = {\n  tone: StatusTone;\n  label: JSX.Element;\n  icon?: string | null;\n  variant?: \"chip\" | \"dot\" | \"text\";\n  title?: string;\n  class?: string;\n};\n\nconst DEFAULT_ICONS: Record<StatusTone, string> = {\n  info: \"ti ti-info-circle\",\n  ok: \"ti ti-check\",\n  warning: \"ti ti-alert-triangle\",\n  error: \"ti ti-alert-circle\",\n  degraded: \"ti ti-plug-connected-x\",\n  running: \"ti ti-loader-2\",\n  neutral: \"ti ti-alert-square-rounded\",\n};\n\nexport function StatusBadge(props: StatusBadgeProps): JSX.Element {\n  const variant = () => props.variant ?? \"chip\";\n  const icon = () => (props.icon === null ? undefined : (props.icon ?? DEFAULT_ICONS[props.tone]));\n  return (\n    <span class={`k2b-status-badge ${props.class ?? \"\"}`} data-tone={props.tone} data-variant={variant()} title={props.title}>\n      <Show when={variant() !== \"dot\"} fallback={<span class=\"k2b-status-badge__dot\" aria-hidden=\"true\" />}>\n        <Show when={icon()}>{(glyph) => <i class={glyph()} aria-hidden=\"true\" />}</Show>\n      </Show>\n      <span class=\"k2b-status-badge__label\">{props.label}</span>\n    </span>\n  );\n}\n\nexport default StatusBadge;\n"],"mappings":";;;;;;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AAazC,MAAMC,aAAyC,GAAG;EAChDC,IAAI,EAAE,mBAAmB;EACzBC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,sBAAsB;EAC/BC,KAAK,EAAE,oBAAoB;EAC3BC,QAAQ,EAAE,wBAAwB;EAClCC,OAAO,EAAE,gBAAgB;EACzBC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAe;EAChE,MAAMC,OAAO,GAAGA,CAAA,KAAMD,KAAK,CAACC,OAAO,IAAI,MAAM;EAC7C,MAAMC,IAAI,GAAGA,CAAA,KAAOF,KAAK,CAACE,IAAI,KAAK,IAAI,GAAGC,SAAS,GAAIH,KAAK,CAACE,IAAI,IAAIX,aAAa,CAACS,KAAK,CAACI,IAAI,CAAG;EAChG;IAAA,IAAAC,IAAA,GAAAC,gBAAA,CAAAC,MAAA;MAAAC,KAAA,GAAAH,IAAA,CAAAI,UAAA;MAAA,CAAAC,KAAA,EAAAC,IAAA,IAAAC,eAAA,CAAAJ,KAAA,CAAAK,WAAA;MAAAC,KAAA,GAAAJ,KAAA,CAAAG,WAAA;IAAAE,QAAA,CAAAV,IAAA,EAAAW,iBAAA,CAEK1B,IAAI;MAAA,IAAC2B,IAAIA,CAAA;QAAA,OAAEhB,OAAO,CAAC,CAAC,KAAK,KAAK;MAAA;MAAA,IAAEiB,QAAQA,CAAA;QAAA,OAAAZ,gBAAA,CAAAa,OAAA;MAAA;MAAA,IAAAC,SAAA;QAAA,OAAAJ,iBAAA,CACtC1B,IAAI;UAAA,IAAC2B,IAAIA,CAAA;YAAA,OAAEf,IAAI,CAAC,CAAC;UAAA;UAAAkB,QAAA,EAAIC,KAAK;YAAA,IAAAC,KAAA,GAAAhB,gBAAA,CAAAiB,OAAA;YAAAC,QAAA,OAAAC,WAAA,CAAAH,KAAA,EAAeD,KAAK,CAAC,CAAC;YAAA,OAAAC,KAAA;UAAA;QAAuB;MAAA;IAAA,IAAAZ,KAAA,EAAAC,IAAA;IAAAI,QAAA,CAAAD,KAAA,QAEnCd,KAAK,CAAC0B,KAAK;IAAAF,QAAA,CAAAG,GAAA;MAAA,IAAAC,GAAA,GAJvC,oBAAoB5B,KAAK,CAAC6B,KAAK,IAAI,EAAE,EAAE;QAAAC,IAAA,GAAa9B,KAAK,CAACI,IAAI;QAAA2B,IAAA,GAAgB9B,OAAO,CAAC,CAAC;QAAA+B,IAAA,GAAShC,KAAK,CAACiC,KAAK;MAAAL,GAAA,KAAAD,GAAA,CAAAO,CAAA,IAAAT,WAAA,CAAApB,IAAA,EAAAsB,GAAA,CAAAO,CAAA,GAAAN,GAAA;MAAAE,IAAA,KAAAH,GAAA,CAAAQ,CAAA,IAAAC,cAAA,CAAA/B,IAAA,eAAAsB,GAAA,CAAAQ,CAAA,GAAAL,IAAA;MAAAC,IAAA,KAAAJ,GAAA,CAAAU,CAAA,IAAAD,cAAA,CAAA/B,IAAA,kBAAAsB,GAAA,CAAAU,CAAA,GAAAN,IAAA;MAAAC,IAAA,KAAAL,GAAA,CAAAW,CAAA,IAAAF,cAAA,CAAA/B,IAAA,WAAAsB,GAAA,CAAAW,CAAA,GAAAN,IAAA;MAAA,OAAAL,GAAA;IAAA;MAAAO,CAAA,EAAA/B,SAAA;MAAAgC,CAAA,EAAAhC,SAAA;MAAAkC,CAAA,EAAAlC,SAAA;MAAAmC,CAAA,EAAAnC;IAAA;IAAA,OAAAE,IAAA;EAAA;AAO5H;AAEA,eAAeN,WAAW","ignoreList":[]}