@ktnpm_devops/react-component 0.7.0 → 0.7.1

package/dist/index86.js

@@ -1,33 +1,24 @@
-const wrap = "krc-wrap-JRsc1";
-const root = "krc-root-k9ocd";
-const colh = "krc-colh-Fi0Kr";
-const rowh = "krc-rowh-bTG4G";
-const corner = "krc-corner-MNGJd";
-const cell = "krc-cell-i0lDG";
-const bad = "krc-bad-Hb1F3";
-const ok = "krc-ok-hx6Lc";
-const clickable = "krc-clickable-Q8fZg";
+const root = "krc-root-jkFwM";
+const sidebar = "krc-sidebar-g7vxQ";
+const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
+const main = "krc-main-B4HyG";
+const content = "krc-content-72sFf";
+const title = "krc-title-pe-1P";
 const styles = {
-  wrap,
   root,
-  colh,
-  rowh,
-  corner,
-  cell,
-  bad,
-  ok,
-  clickable
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
 export {
-  bad,
-  cell,
-  clickable,
-  colh,
-  corner,
+  content,
   styles as default,
-  ok,
+  main,
   root,
-  rowh,
-  wrap
+  sidebar,
+  sidebarCollapsed,
+  title
 };
 //# sourceMappingURL=index86.js.map

package/dist/index86.js.map

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

package/dist/index87.cjs

@@ -1,60 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root--s1oD";
-const trigger = "krc-trigger-WMlNa";
-const active = "krc-active-O65lj";
-const triggerContent = "krc-triggerContent-JipmE";
-const chevron = "krc-chevron-J2Zsy";
-const label = "krc-label-lZlV-";
-const value = "krc-value-HsQrC";
-const clear = "krc-clear-bsi5j";
-const panel = "krc-panel--0odx";
-const searchContainer = "krc-searchContainer-WRS-U";
-const search = "krc-search-Dh3pY";
-const list = "krc-list-1RUtr";
-const noResults = "krc-noResults-Hin1U";
-const option = "krc-option-0mFGi";
-const focused = "krc-focused-0-7tE";
-const selected = "krc-selected-1zIqI";
-const optionLabel = "krc-optionLabel-pj-hL";
-const optionCount = "krc-optionCount-rVlCP";
+const root = "krc-root--zhUO";
+const dot = "krc-dot-uJk1V";
 const styles = {
   root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  value,
-  clear,
-  panel,
-  searchContainer,
-  search,
-  list,
-  noResults,
-  option,
-  focused,
-  selected,
-  optionLabel,
-  optionCount
+  dot
 };
-exports.active = active;
-exports.chevron = chevron;
-exports.clear = clear;
 exports.default = styles;
-exports.focused = focused;
-exports.label = label;
-exports.list = list;
-exports.noResults = noResults;
-exports.option = option;
-exports.optionCount = optionCount;
-exports.optionLabel = optionLabel;
-exports.panel = panel;
+exports.dot = dot;
 exports.root = root;
-exports.search = search;
-exports.searchContainer = searchContainer;
-exports.selected = selected;
-exports.trigger = trigger;
-exports.triggerContent = triggerContent;
-exports.value = value;
 //# sourceMappingURL=index87.cjs.map

package/dist/index87.cjs.map

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

package/dist/index87.js

@@ -1,60 +1,12 @@
-const root = "krc-root--s1oD";
-const trigger = "krc-trigger-WMlNa";
-const active = "krc-active-O65lj";
-const triggerContent = "krc-triggerContent-JipmE";
-const chevron = "krc-chevron-J2Zsy";
-const label = "krc-label-lZlV-";
-const value = "krc-value-HsQrC";
-const clear = "krc-clear-bsi5j";
-const panel = "krc-panel--0odx";
-const searchContainer = "krc-searchContainer-WRS-U";
-const search = "krc-search-Dh3pY";
-const list = "krc-list-1RUtr";
-const noResults = "krc-noResults-Hin1U";
-const option = "krc-option-0mFGi";
-const focused = "krc-focused-0-7tE";
-const selected = "krc-selected-1zIqI";
-const optionLabel = "krc-optionLabel-pj-hL";
-const optionCount = "krc-optionCount-rVlCP";
+const root = "krc-root--zhUO";
+const dot = "krc-dot-uJk1V";
 const styles = {
   root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  value,
-  clear,
-  panel,
-  searchContainer,
-  search,
-  list,
-  noResults,
-  option,
-  focused,
-  selected,
-  optionLabel,
-  optionCount
+  dot
 };
 export {
-  active,
-  chevron,
-  clear,
   styles as default,
-  focused,
-  label,
-  list,
-  noResults,
-  option,
-  optionCount,
-  optionLabel,
-  panel,
-  root,
-  search,
-  searchContainer,
-  selected,
-  trigger,
-  triggerContent,
-  value
+  dot,
+  root
 };
 //# sourceMappingURL=index87.js.map

package/dist/index87.js.map

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

package/dist/index88.cjs

@@ -1,45 +1,33 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-xM3Jn";
-const header = "krc-header-Pg9ER";
-const title = "krc-title-MRZQn";
-const headerRight = "krc-headerRight-b0xzW";
-const toolbar = "krc-toolbar--rsIi";
-const select = "krc-select-79sIN";
-const legendToggle = "krc-legendToggle--ofSS";
-const legendToggleActive = "krc-legendToggleActive-14gdq";
-const chartContainer = "krc-chartContainer-tDTrg";
-const loading = "krc-loading-WkgGt";
-const error = "krc-error-yzAKV";
-const retryButton = "krc-retryButton-wTkWq";
-const empty = "krc-empty-1EZzg";
+const wrap = "krc-wrap-JRsc1";
+const root = "krc-root-k9ocd";
+const colh = "krc-colh-Fi0Kr";
+const rowh = "krc-rowh-bTG4G";
+const corner = "krc-corner-MNGJd";
+const cell = "krc-cell-i0lDG";
+const bad = "krc-bad-Hb1F3";
+const ok = "krc-ok-hx6Lc";
+const clickable = "krc-clickable-Q8fZg";
 const styles = {
+  wrap,
   root,
-  header,
-  title,
-  headerRight,
-  toolbar,
-  select,
-  legendToggle,
-  legendToggleActive,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  colh,
+  rowh,
+  corner,
+  cell,
+  bad,
+  ok,
+  clickable
 };
-exports.chartContainer = chartContainer;
+exports.bad = bad;
+exports.cell = cell;
+exports.clickable = clickable;
+exports.colh = colh;
+exports.corner = corner;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerRight = headerRight;
-exports.legendToggle = legendToggle;
-exports.legendToggleActive = legendToggleActive;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.ok = ok;
 exports.root = root;
-exports.select = select;
-exports.title = title;
-exports.toolbar = toolbar;
+exports.rowh = rowh;
+exports.wrap = wrap;
 //# sourceMappingURL=index88.cjs.map

package/dist/index88.cjs.map

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

package/dist/index88.js

@@ -1,45 +1,33 @@
-const root = "krc-root-xM3Jn";
-const header = "krc-header-Pg9ER";
-const title = "krc-title-MRZQn";
-const headerRight = "krc-headerRight-b0xzW";
-const toolbar = "krc-toolbar--rsIi";
-const select = "krc-select-79sIN";
-const legendToggle = "krc-legendToggle--ofSS";
-const legendToggleActive = "krc-legendToggleActive-14gdq";
-const chartContainer = "krc-chartContainer-tDTrg";
-const loading = "krc-loading-WkgGt";
-const error = "krc-error-yzAKV";
-const retryButton = "krc-retryButton-wTkWq";
-const empty = "krc-empty-1EZzg";
+const wrap = "krc-wrap-JRsc1";
+const root = "krc-root-k9ocd";
+const colh = "krc-colh-Fi0Kr";
+const rowh = "krc-rowh-bTG4G";
+const corner = "krc-corner-MNGJd";
+const cell = "krc-cell-i0lDG";
+const bad = "krc-bad-Hb1F3";
+const ok = "krc-ok-hx6Lc";
+const clickable = "krc-clickable-Q8fZg";
 const styles = {
+  wrap,
   root,
-  header,
-  title,
-  headerRight,
-  toolbar,
-  select,
-  legendToggle,
-  legendToggleActive,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  colh,
+  rowh,
+  corner,
+  cell,
+  bad,
+  ok,
+  clickable
 };
 export {
-  chartContainer,
+  bad,
+  cell,
+  clickable,
+  colh,
+  corner,
   styles as default,
-  empty,
-  error,
-  header,
-  headerRight,
-  legendToggle,
-  legendToggleActive,
-  loading,
-  retryButton,
+  ok,
   root,
-  select,
-  title,
-  toolbar
+  rowh,
+  wrap
 };
 //# sourceMappingURL=index88.js.map

package/dist/index88.js.map

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

package/dist/index9.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("./index48.cjs");
-const Accordion_module = require("./index73.cjs");
+const Accordion_module = require("./index59.cjs");
 const Accordion = react.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx.clsx(Accordion_module.default.root, className), ...props, children })
 );

package/dist/index9.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useId } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index73.js";
+import styles from "./index59.js";
 const Accordion = forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx(styles.root, className), ...props, children })
 );

package/dist/style.css

@@ -1331,18 +1331,22 @@
 }
 
 .krc-trigger-2YW6R {
-  display: inline-flex;
+  display: flex;
   align-items: center;
-  gap: 0.4375rem;
-  border: var(--border-width) solid var(--border-color);
+  gap: var(--spacing-xs);
+  padding: var(--spacing-xs) var(--spacing-sm);
   background: var(--surface-color);
-  color: var(--text-secondary);
+  border: var(--border-width) solid var(--border-color);
   border-radius: var(--radius-md);
-  padding: 0.5rem 0.875rem;
+  color: var(--text-primary);
   font-family: inherit;
   font-size: var(--font-size-sm);
-  font-weight: 600;
   cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+}
+
+.krc-trigger-2YW6R:hover {
+  border-color: var(--accent-color);
 }
 
 .krc-trigger-2YW6R:focus-visible {
@@ -1350,23 +1354,36 @@
   box-shadow: var(--focus-ring-shadow);
 }
 
-.krc-isActive-HSFfq {
-  border-color: var(--accent-color);
-  color: var(--accent-color-strong);
-  background: var(--accent-color-soft);
+.krc-triggerContent-Nfhff {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
 }
 
-.krc-arrow-3UdEd {
-  width: 0.75rem;
-  height: 0.75rem;
-  color: var(--text-muted);
+.krc-chevron-otnpb {
+  flex-shrink: 0;
+  color: var(--text-secondary);
   transition: transform 0.2s ease;
 }
 
-.krc-arrowOpen-DvGky {
+.krc-chevronOpen-UoLND {
   transform: rotate(180deg);
 }
 
+.krc-badge-dN-p- {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 var(--spacing-xs);
+  background: var(--accent-color);
+  color: #fff;
+  border-radius: var(--radius-sm);
+  font-size: var(--font-size-xs);
+  font-weight: 600;
+}
+
 .krc-pop-IfyfL {
   position: absolute;
   top: calc(100% + 0.375rem);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",