@ktnpm_devops/react-component 0.18.0 → 0.19.0

package/dist/index51.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const Sparkline_module = require("./index96.cjs");
+const Sparkline_module = require("./index99.cjs");
 const PAD = 3;
 const Sparkline = react.forwardRef(
   ({

package/dist/index51.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index59.js";
-import styles from "./index96.js";
+import styles from "./index99.js";
 const PAD = 3;
 const Sparkline = forwardRef(
   ({

package/dist/index52.cjs

@@ -5,8 +5,8 @@ const react = require("react");
 const ReactECharts = require("echarts-for-react");
 const clsx = require("./index59.cjs");
 const constants = require("./index62.cjs");
-const buildChartOptions = require("./index97.cjs");
-const StackedBarChartCard_module = require("./index98.cjs");
+const buildChartOptions = require("./index85.cjs");
+const StackedBarChartCard_module = require("./index86.cjs");
 const CHART_TYPE_LABELS = {
   bar: "Bar",
   pie: "Pie",

package/dist/index52.js

@@ -3,8 +3,8 @@ import { useMemo, useCallback } from "react";
 import ReactECharts from "echarts-for-react";
 import { clsx } from "./index59.js";
 import { MAX_CATEGORIES, MAX_SUBCATEGORIES } from "./index62.js";
-import { aggregateData, buildBarOption, buildSunburstOption, buildPieOption } from "./index97.js";
-import styles from "./index98.js";
+import { aggregateData, buildBarOption, buildSunburstOption, buildPieOption } from "./index85.js";
+import styles from "./index86.js";
 const CHART_TYPE_LABELS = {
   bar: "Bar",
   pie: "Pie",

package/dist/index53.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const StatCard_module = require("./index63.cjs");
+const StatCard_module = require("./index100.cjs");
 const StatCard = react.forwardRef(
   ({
     label,

package/dist/index53.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index59.js";
-import styles from "./index63.js";
+import styles from "./index100.js";
 const StatCard = forwardRef(
   ({
     label,

package/dist/index54.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const Table_module = require("./index68.cjs");
+const Table_module = require("./index73.cjs");
 const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Table_module.default.container, className), ...props });
 const Table = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { className: clsx.clsx(Table_module.default.root, className), ...props });
 exports.Table = Table;

package/dist/index54.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index59.js";
-import styles from "./index68.js";
+import styles from "./index73.js";
 const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.container, className), ...props });
 const Table = ({ className, ...props }) => /* @__PURE__ */ jsx("table", { className: clsx(styles.root, className), ...props });
 export {

package/dist/index55.cjs

@@ -5,8 +5,8 @@ const react = require("react");
 const clsx = require("./index59.cjs");
 const ReactECharts = require("echarts-for-react");
 const constants = require("./index62.cjs");
-const buildChartOption = require("./index91.cjs");
-const TemporalTrendChartCard_module = require("./index92.cjs");
+const buildChartOption = require("./index94.cjs");
+const TemporalTrendChartCard_module = require("./index95.cjs");
 function TemporalTrendChartCard({
   title,
   data,

package/dist/index55.js

@@ -3,8 +3,8 @@ import { useMemo, useCallback } from "react";
 import { clsx } from "./index59.js";
 import ReactECharts from "echarts-for-react";
 import { MAX_SERIES } from "./index62.js";
-import { groupByCategory, buildTemporalTrendOption } from "./index91.js";
-import styles from "./index92.js";
+import { groupByCategory, buildTemporalTrendOption } from "./index94.js";
+import styles from "./index95.js";
 function TemporalTrendChartCard({
   title,
   data,

package/dist/index56.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const Textarea_module = require("./index114.cjs");
+const Textarea_module = require("./index107.cjs");
 const Textarea = react.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("textarea", { ref, className: clsx.clsx(Textarea_module.default.root, className), ...props })
 );

package/dist/index56.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index59.js";
-import styles from "./index114.js";
+import styles from "./index107.js";
 const Textarea = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("textarea", { ref, className: clsx(styles.root, className), ...props })
 );

package/dist/index57.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index59.cjs");
-const Toast_module = require("./index61.cjs");
+const Toast_module = require("./index88.cjs");
 const Toast = react.forwardRef(
   ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",

package/dist/index57.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index59.js";
-import styles from "./index61.js";
+import styles from "./index88.js";
 const Toast = forwardRef(
   ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",

package/dist/index58.cjs

@@ -5,7 +5,7 @@ const react = require("react");
 const reactDom = require("react-dom");
 const constants = require("./index62.cjs");
 const Toast = require("./index57.cjs");
-const Toast_module = require("./index61.cjs");
+const Toast_module = require("./index88.cjs");
 const ToastContext = react.createContext(null);
 const ToastProvider = ({
   children,

package/dist/index58.js

@@ -3,7 +3,7 @@ import { useState, useRef, useCallback, useEffect, useContext, createContext } f
 import { createPortal } from "react-dom";
 import { TOAST_DURATION_MS } from "./index62.js";
 import { Toast } from "./index57.js";
-import styles from "./index61.js";
+import styles from "./index88.js";
 const ToastContext = createContext(null);
 const ToastProvider = ({
   children,

package/dist/index60.cjs

@@ -1,27 +1,72 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-vqaJ6";
-const pill = "krc-pill-8z557";
-const square = "krc-square-g0EM3";
-const segment = "krc-segment-5-V31";
-const isOn = "krc-isOn-7tAhJ";
-const md = "krc-md-pA-Ck";
-const sm = "krc-sm-VMB3s";
+const root = "krc-root-HS837";
+const gapNone = "krc-gapNone-MmCvp";
+const gapXs = "krc-gapXs-Jketq";
+const gapSm = "krc-gapSm-BFLhK";
+const gapMd = "krc-gapMd--7IRg";
+const gapLg = "krc-gapLg-ehuIZ";
+const gapXl = "krc-gapXl-kNEyc";
+const alignStart = "krc-alignStart-q6fMC";
+const alignCenter = "krc-alignCenter-Py2Kt";
+const alignEnd = "krc-alignEnd-ialGn";
+const alignStretch = "krc-alignStretch-J-rq4";
+const alignBaseline = "krc-alignBaseline-Hg-4L";
+const justifyStart = "krc-justifyStart-tBqbD";
+const justifyCenter = "krc-justifyCenter-6QDaO";
+const justifyEnd = "krc-justifyEnd-2tbcB";
+const justifyBetween = "krc-justifyBetween-5W1AJ";
+const justifyAround = "krc-justifyAround-AMU1m";
+const justifyEvenly = "krc-justifyEvenly-Vj3C-";
+const wrap = "krc-wrap-Q4txZ";
+const nowrap = "krc-nowrap-BUcfT";
+const dirRow = "krc-dirRow-NBoPO";
+const dirColumn = "krc-dirColumn-gJ7qS";
 const styles = {
   root,
-  pill,
-  square,
-  segment,
-  isOn,
-  md,
-  sm
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  gapXl,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignStretch,
+  alignBaseline,
+  justifyStart,
+  justifyCenter,
+  justifyEnd,
+  justifyBetween,
+  justifyAround,
+  justifyEvenly,
+  wrap,
+  nowrap,
+  dirRow,
+  dirColumn
 };
+exports.alignBaseline = alignBaseline;
+exports.alignCenter = alignCenter;
+exports.alignEnd = alignEnd;
+exports.alignStart = alignStart;
+exports.alignStretch = alignStretch;
 exports.default = styles;
-exports.isOn = isOn;
-exports.md = md;
-exports.pill = pill;
+exports.dirColumn = dirColumn;
+exports.dirRow = dirRow;
+exports.gapLg = gapLg;
+exports.gapMd = gapMd;
+exports.gapNone = gapNone;
+exports.gapSm = gapSm;
+exports.gapXl = gapXl;
+exports.gapXs = gapXs;
+exports.justifyAround = justifyAround;
+exports.justifyBetween = justifyBetween;
+exports.justifyCenter = justifyCenter;
+exports.justifyEnd = justifyEnd;
+exports.justifyEvenly = justifyEvenly;
+exports.justifyStart = justifyStart;
+exports.nowrap = nowrap;
 exports.root = root;
-exports.segment = segment;
-exports.sm = sm;
-exports.square = square;
+exports.wrap = wrap;
 //# sourceMappingURL=index60.cjs.map

package/dist/index60.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index60.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index60.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index60.js

@@ -1,27 +1,72 @@
-const root = "krc-root-vqaJ6";
-const pill = "krc-pill-8z557";
-const square = "krc-square-g0EM3";
-const segment = "krc-segment-5-V31";
-const isOn = "krc-isOn-7tAhJ";
-const md = "krc-md-pA-Ck";
-const sm = "krc-sm-VMB3s";
+const root = "krc-root-HS837";
+const gapNone = "krc-gapNone-MmCvp";
+const gapXs = "krc-gapXs-Jketq";
+const gapSm = "krc-gapSm-BFLhK";
+const gapMd = "krc-gapMd--7IRg";
+const gapLg = "krc-gapLg-ehuIZ";
+const gapXl = "krc-gapXl-kNEyc";
+const alignStart = "krc-alignStart-q6fMC";
+const alignCenter = "krc-alignCenter-Py2Kt";
+const alignEnd = "krc-alignEnd-ialGn";
+const alignStretch = "krc-alignStretch-J-rq4";
+const alignBaseline = "krc-alignBaseline-Hg-4L";
+const justifyStart = "krc-justifyStart-tBqbD";
+const justifyCenter = "krc-justifyCenter-6QDaO";
+const justifyEnd = "krc-justifyEnd-2tbcB";
+const justifyBetween = "krc-justifyBetween-5W1AJ";
+const justifyAround = "krc-justifyAround-AMU1m";
+const justifyEvenly = "krc-justifyEvenly-Vj3C-";
+const wrap = "krc-wrap-Q4txZ";
+const nowrap = "krc-nowrap-BUcfT";
+const dirRow = "krc-dirRow-NBoPO";
+const dirColumn = "krc-dirColumn-gJ7qS";
 const styles = {
   root,
-  pill,
-  square,
-  segment,
-  isOn,
-  md,
-  sm
+  gapNone,
+  gapXs,
+  gapSm,
+  gapMd,
+  gapLg,
+  gapXl,
+  alignStart,
+  alignCenter,
+  alignEnd,
+  alignStretch,
+  alignBaseline,
+  justifyStart,
+  justifyCenter,
+  justifyEnd,
+  justifyBetween,
+  justifyAround,
+  justifyEvenly,
+  wrap,
+  nowrap,
+  dirRow,
+  dirColumn
 };
 export {
+  alignBaseline,
+  alignCenter,
+  alignEnd,
+  alignStart,
+  alignStretch,
   styles as default,
-  isOn,
-  md,
-  pill,
+  dirColumn,
+  dirRow,
+  gapLg,
+  gapMd,
+  gapNone,
+  gapSm,
+  gapXl,
+  gapXs,
+  justifyAround,
+  justifyBetween,
+  justifyCenter,
+  justifyEnd,
+  justifyEvenly,
+  justifyStart,
+  nowrap,
   root,
-  segment,
-  sm,
-  square
+  wrap
 };
 //# sourceMappingURL=index60.js.map

package/dist/index60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index60.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index60.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index61.cjs

@@ -1,21 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const region = "krc-region-4A3qS";
-const toast = "krc-toast-VuzaK";
-const toastIn = "krc-toast-in-TA6-r";
-const success = "krc-success-oDnTy";
-const error = "krc-error-dSTQn";
+const root = "krc-root-AouLD";
+const header = "krc-header-pNze5";
+const content = "krc-content-egG2e";
+const footer = "krc-footer-WJw5Z";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  root,
+  header,
+  content,
+  footer
 };
+exports.content = content;
 exports.default = styles;
-exports.error = error;
-exports.region = region;
-exports.success = success;
-exports.toast = toast;
-exports.toastIn = toastIn;
+exports.footer = footer;
+exports.header = header;
+exports.root = root;
 //# sourceMappingURL=index61.cjs.map

package/dist/index61.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index61.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index61.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/index61.js

@@ -1,21 +1,18 @@
-const region = "krc-region-4A3qS";
-const toast = "krc-toast-VuzaK";
-const toastIn = "krc-toast-in-TA6-r";
-const success = "krc-success-oDnTy";
-const error = "krc-error-dSTQn";
+const root = "krc-root-AouLD";
+const header = "krc-header-pNze5";
+const content = "krc-content-egG2e";
+const footer = "krc-footer-WJw5Z";
 const styles = {
-  region,
-  toast,
-  toastIn,
-  success,
-  error
+  root,
+  header,
+  content,
+  footer
 };
 export {
+  content,
   styles as default,
-  error,
-  region,
-  success,
-  toast,
-  toastIn
+  footer,
+  header,
+  root
 };
 //# sourceMappingURL=index61.js.map

package/dist/index61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/index63.cjs

@@ -1,30 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-ZwPiG";
-const label = "krc-label-WG17f";
-const value = "krc-value-S9SSu";
-const red = "krc-red-stqO-";
-const amber = "krc-amber-lZgsd";
-const sub = "krc-sub-0xfrv";
-const isClick = "krc-isClick-CnKvM";
-const isActive = "krc-isActive-YLCNL";
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
 const styles = {
   root,
-  label,
-  value,
-  red,
-  amber,
-  sub,
-  isClick,
-  isActive
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
 };
-exports.amber = amber;
+exports.body = body;
+exports.collapsed = collapsed;
 exports.default = styles;
-exports.isActive = isActive;
-exports.isClick = isClick;
-exports.label = label;
-exports.red = red;
+exports.footer = footer;
+exports.header = header;
 exports.root = root;
-exports.sub = sub;
-exports.value = value;
+exports.section = section;
+exports.sectionChevron = sectionChevron;
+exports.sectionChevronOpen = sectionChevronOpen;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+exports.sectionToggle = sectionToggle;
+exports.toggle = toggle;
 //# sourceMappingURL=index63.cjs.map

package/dist/index63.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index63.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index63.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index63.js

@@ -1,30 +1,42 @@
-const root = "krc-root-ZwPiG";
-const label = "krc-label-WG17f";
-const value = "krc-value-S9SSu";
-const red = "krc-red-stqO-";
-const amber = "krc-amber-lZgsd";
-const sub = "krc-sub-0xfrv";
-const isClick = "krc-isClick-CnKvM";
-const isActive = "krc-isActive-YLCNL";
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
 const styles = {
   root,
-  label,
-  value,
-  red,
-  amber,
-  sub,
-  isClick,
-  isActive
+  header,
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
 };
 export {
-  amber,
+  body,
+  collapsed,
   styles as default,
-  isActive,
-  isClick,
-  label,
-  red,
+  footer,
+  header,
   root,
-  sub,
-  value
+  section,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  sectionTitle,
+  sectionToggle,
+  toggle
 };
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index63.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index64.cjs

@@ -1,21 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-XLK9Q";
-const selected = "krc-selected-1CnTu";
-const sm = "krc-sm-MR9Wa";
-const md = "krc-md-Q8uX7";
-const lg = "krc-lg-bMnPn";
+const root = "krc-root-rzEDE";
+const sidebar = "krc-sidebar-ediN2";
+const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
+const main = "krc-main-E8utR";
+const filterBar = "krc-filterBar-O8ajX";
+const content = "krc-content-lY5l-";
 const styles = {
   root,
-  selected,
-  sm,
-  md,
-  lg
+  sidebar,
+  sidebarCollapsed,
+  main,
+  filterBar,
+  content
 };
+exports.content = content;
 exports.default = styles;
-exports.lg = lg;
-exports.md = md;
+exports.filterBar = filterBar;
+exports.main = main;
 exports.root = root;
-exports.selected = selected;
-exports.sm = sm;
+exports.sidebar = sidebar;
+exports.sidebarCollapsed = sidebarCollapsed;
 //# sourceMappingURL=index64.cjs.map

package/dist/index64.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index64.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index64.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}