@k2b/ui 0.28.0 → 0.29.0

package/dist/browser/layout/AppOverview.js

@@ -12,7 +12,7 @@ var _tmpl$ = /*#__PURE__*/_$template(`<p class=k2b-app-overview__panel-descripti
   _tmpl$4 = /*#__PURE__*/_$template(`<section><!$><!/><!$><!/>`),
   _tmpl$5 = /*#__PURE__*/_$template(`<aside><!$><!/><!$><!/>`),
   _tmpl$6 = /*#__PURE__*/_$template(`<div>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<div><header class=k2b-app-overview__header><span class=k2b-app-overview__icon aria-hidden=true><i></i></span><!$><!/></header><div class=k2b-app-overview__columns>`);
+  _tmpl$7 = /*#__PURE__*/_$template(`<div><header class=k2b-app-overview__header><span class="k2b-app-overview__icon k2b-icon-tile"aria-hidden=true><i></i></span><!$><!/></header><div class=k2b-app-overview__columns>`);
 import { Show } from "solid-js";
 import Placeholder from "../surfaces/Placeholder";
 import { PanelHeader } from "./PanelHeader";

package/dist/browser/layout/AppOverview.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/AppOverview.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { PanelHeader } from \"./PanelHeader\";\n\nexport type AppOverviewProps = {\n  title: string;\n  subtitle?: string;\n  icon: string;\n  /** The page's single primary action, such as a create button or menu. */\n  actions?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewPanelProps = {\n  title: string;\n  description?: JSX.Element;\n  toolbar?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewEmptyStateProps = {\n  title: string;\n  description?: JSX.Element;\n  icon?: string;\n  class?: string;\n  children?: JSX.Element;\n};\n\nexport type AppOverviewCardsProps = {\n  class?: string;\n  children: JSX.Element;\n};\n\ntype AppOverviewComponent = ((props: AppOverviewProps) => JSX.Element) & {\n  Main: (props: AppOverviewPanelProps) => JSX.Element;\n  Aside: (props: AppOverviewPanelProps) => JSX.Element;\n  Cards: (props: AppOverviewCardsProps) => JSX.Element;\n  EmptyState: (props: AppOverviewEmptyStateProps) => JSX.Element;\n};\n\nconst tablerIconClass = (icon: string | null | undefined, fallback: string): string => {\n  const value = icon?.trim() || fallback;\n  return value.startsWith(\"ti \") ? value : `ti ${value}`;\n};\n\nconst AppOverviewPanelHeader = (props: Pick<AppOverviewPanelProps, \"title\" | \"description\" | \"toolbar\">): JSX.Element => (\n  <div class=\"k2b-app-overview__panel-header\">\n    <div>\n      <h2>{props.title}</h2>\n      <Show when={props.description}>\n        <p class=\"k2b-app-overview__panel-description\">{props.description}</p>\n      </Show>\n    </div>\n    <Show when={props.toolbar}>\n      <div class=\"k2b-app-overview__toolbar\">{props.toolbar}</div>\n    </Show>\n  </div>\n);\n\nconst AppOverviewMain = (props: AppOverviewPanelProps): JSX.Element => (\n  <section class={`k2b-app-overview__main ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </section>\n);\n\nconst AppOverviewAside = (props: AppOverviewPanelProps): JSX.Element => (\n  <aside class={`k2b-app-overview__aside ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </aside>\n);\n\nconst AppOverviewCards = (props: AppOverviewCardsProps): JSX.Element => (\n  <div class={`k2b-app-overview__cards ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nconst AppOverviewEmptyState = (props: AppOverviewEmptyStateProps): JSX.Element => (\n  <Placeholder\n    surface=\"paper\"\n    variant=\"panel\"\n    title={props.title}\n    description={props.description}\n    icon={props.icon ? tablerIconClass(props.icon, \"ti-inbox\") : undefined}\n    action={props.children}\n    class={props.class}\n  />\n);\n\nconst AppOverview = ((props: AppOverviewProps): JSX.Element => (\n  <div class={`k2b-app-overview ${props.class ?? \"\"}`}>\n    <header class=\"k2b-app-overview__header\">\n      <span class=\"k2b-app-overview__icon\" aria-hidden=\"true\">\n        <i class={tablerIconClass(props.icon, \"ti-apps\")} />\n      </span>\n      <PanelHeader as=\"h1\" size=\"lg\" title={props.title} subtitle={props.subtitle} actions={props.actions} />\n    </header>\n    <div class=\"k2b-app-overview__columns\">{props.children}</div>\n  </div>\n)) as AppOverviewComponent;\n\nAppOverview.Main = AppOverviewMain;\nAppOverview.Aside = AppOverviewAside;\nAppOverview.Cards = AppOverviewCards;\nAppOverview.EmptyState = AppOverviewEmptyState;\n\nexport default AppOverview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/AppOverview.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { PanelHeader } from \"./PanelHeader\";\n\nexport type AppOverviewProps = {\n  title: string;\n  subtitle?: string;\n  icon: string;\n  /** The page's single primary action, such as a create button or menu. */\n  actions?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewPanelProps = {\n  title: string;\n  description?: JSX.Element;\n  toolbar?: JSX.Element;\n  class?: string;\n  children: JSX.Element;\n};\n\nexport type AppOverviewEmptyStateProps = {\n  title: string;\n  description?: JSX.Element;\n  icon?: string;\n  class?: string;\n  children?: JSX.Element;\n};\n\nexport type AppOverviewCardsProps = {\n  class?: string;\n  children: JSX.Element;\n};\n\ntype AppOverviewComponent = ((props: AppOverviewProps) => JSX.Element) & {\n  Main: (props: AppOverviewPanelProps) => JSX.Element;\n  Aside: (props: AppOverviewPanelProps) => JSX.Element;\n  Cards: (props: AppOverviewCardsProps) => JSX.Element;\n  EmptyState: (props: AppOverviewEmptyStateProps) => JSX.Element;\n};\n\nconst tablerIconClass = (icon: string | null | undefined, fallback: string): string => {\n  const value = icon?.trim() || fallback;\n  return value.startsWith(\"ti \") ? value : `ti ${value}`;\n};\n\nconst AppOverviewPanelHeader = (props: Pick<AppOverviewPanelProps, \"title\" | \"description\" | \"toolbar\">): JSX.Element => (\n  <div class=\"k2b-app-overview__panel-header\">\n    <div>\n      <h2>{props.title}</h2>\n      <Show when={props.description}>\n        <p class=\"k2b-app-overview__panel-description\">{props.description}</p>\n      </Show>\n    </div>\n    <Show when={props.toolbar}>\n      <div class=\"k2b-app-overview__toolbar\">{props.toolbar}</div>\n    </Show>\n  </div>\n);\n\nconst AppOverviewMain = (props: AppOverviewPanelProps): JSX.Element => (\n  <section class={`k2b-app-overview__main ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </section>\n);\n\nconst AppOverviewAside = (props: AppOverviewPanelProps): JSX.Element => (\n  <aside class={`k2b-app-overview__aside ${props.class ?? \"\"}`}>\n    <AppOverviewPanelHeader title={props.title} description={props.description} toolbar={props.toolbar} />\n    {props.children}\n  </aside>\n);\n\nconst AppOverviewCards = (props: AppOverviewCardsProps): JSX.Element => (\n  <div class={`k2b-app-overview__cards ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nconst AppOverviewEmptyState = (props: AppOverviewEmptyStateProps): JSX.Element => (\n  <Placeholder\n    surface=\"paper\"\n    variant=\"panel\"\n    title={props.title}\n    description={props.description}\n    icon={props.icon ? tablerIconClass(props.icon, \"ti-inbox\") : undefined}\n    action={props.children}\n    class={props.class}\n  />\n);\n\nconst AppOverview = ((props: AppOverviewProps): JSX.Element => (\n  <div class={`k2b-app-overview ${props.class ?? \"\"}`}>\n    <header class=\"k2b-app-overview__header\">\n      <span class=\"k2b-app-overview__icon k2b-icon-tile\" aria-hidden=\"true\">\n        <i class={tablerIconClass(props.icon, \"ti-apps\")} />\n      </span>\n      <PanelHeader as=\"h1\" size=\"lg\" title={props.title} subtitle={props.subtitle} actions={props.actions} />\n    </header>\n    <div class=\"k2b-app-overview__columns\">{props.children}</div>\n  </div>\n)) as AppOverviewComponent;\n\nAppOverview.Main = AppOverviewMain;\nAppOverview.Aside = AppOverviewAside;\nAppOverview.Cards = AppOverviewCards;\nAppOverview.EmptyState = AppOverviewEmptyState;\n\nexport default AppOverview;\n"],"mappings":"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","ignoreList":[]}