@ktnpm_devops/react-component 0.6.0 → 0.7.1

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);
@@ -1947,7 +1964,9 @@
 .krc-option-ZAXum {
   display: flex;
   align-items: center;
-  gap: var(--spacing-xs);
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  width: 100%;
   padding: var(--spacing-xs) var(--spacing-sm);
   cursor: pointer;
   transition: background-color 0.1s ease;
@@ -1959,10 +1978,12 @@
 
 .krc-optionLabel-MdDyI {
   display: flex;
+  flex: 1;
   align-items: center;
   gap: var(--spacing-xs);
   font-size: var(--font-size-sm);
   color: var(--text-primary);
+  text-align: left;
 }
 
 .krc-optionCount-JSQl9 {

package/package.json

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