@actabldesign/bellhop-core 0.0.8 → 0.0.12

package/dist/collection/components/bh-card-footer/bh-card-footer.js

@@ -58,7 +58,7 @@ export class BhCardFooter {
                     "references": {
                         "CardFooterAlignment": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-card-footer/bh-card-footer.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-card-footer/bh-card-footer.tsx",
                             "id": "src/components/bh-card-footer/bh-card-footer.tsx::CardFooterAlignment"
                         }
                     }

package/dist/collection/components/bh-card-header/bh-card-header.js

@@ -121,7 +121,7 @@ export class BhCardHeader {
                     "references": {
                         "CardHeaderFeaturedIconStyle": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-card-header/bh-card-header.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-card-header/bh-card-header.tsx",
                             "id": "src/components/bh-card-header/bh-card-header.tsx::CardHeaderFeaturedIconStyle"
                         }
                     }
@@ -147,7 +147,7 @@ export class BhCardHeader {
                     "references": {
                         "CardHeaderFeaturedIconColor": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-card-header/bh-card-header.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-card-header/bh-card-header.tsx",
                             "id": "src/components/bh-card-header/bh-card-header.tsx::CardHeaderFeaturedIconColor"
                         }
                     }

package/dist/collection/components/bh-chart-tooltip/bh-chart-tooltip.js

@@ -145,7 +145,7 @@ export class BhChartTooltip {
                     "references": {
                         "TooltipItem": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-chart-tooltip/bh-chart-tooltip.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-chart-tooltip/bh-chart-tooltip.tsx",
                             "id": "src/components/bh-chart-tooltip/bh-chart-tooltip.tsx::TooltipItem"
                         }
                     }

package/dist/collection/components/bh-checkbox/bh-checkbox.js

@@ -145,7 +145,7 @@ export class BhCheckbox {
                     "references": {
                         "CheckboxSize": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-checkbox/bh-checkbox.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-checkbox/bh-checkbox.tsx",
                             "id": "src/components/bh-checkbox/bh-checkbox.tsx::CheckboxSize"
                         }
                     }

package/dist/collection/components/bh-checkbox-group/bh-checkbox-group.js

@@ -107,7 +107,7 @@ export class BhCheckboxGroup {
                     "references": {
                         "CheckboxGroupType": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-checkbox-group/bh-checkbox-group.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-checkbox-group/bh-checkbox-group.tsx",
                             "id": "src/components/bh-checkbox-group/bh-checkbox-group.tsx::CheckboxGroupType"
                         }
                     }

package/dist/collection/components/bh-checkbox-group-item/bh-checkbox-group-item.js

@@ -149,7 +149,7 @@ export class BhCheckboxGroupItem {
                     "references": {
                         "CheckboxGroupItemType": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-checkbox-group-item/bh-checkbox-group-item.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-checkbox-group-item/bh-checkbox-group-item.tsx",
                             "id": "src/components/bh-checkbox-group-item/bh-checkbox-group-item.tsx::CheckboxGroupItemType"
                         }
                     }
@@ -175,7 +175,7 @@ export class BhCheckboxGroupItem {
                     "references": {
                         "CheckboxGroupItemSize": {
                             "location": "local",
-                            "path": "/Users/brunabites/localsites/bellhopOS/packages/bellhop-core/src/components/bh-checkbox-group-item/bh-checkbox-group-item.tsx",
+                            "path": "/home/runner/work/bellhopos/bellhopos/packages/bellhop-core/src/components/bh-checkbox-group-item/bh-checkbox-group-item.tsx",
                             "id": "src/components/bh-checkbox-group-item/bh-checkbox-group-item.tsx::CheckboxGroupItemSize"
                         }
                     }

package/dist/collection/components/bh-data-grid/bh-data-grid.css

@@ -15,8 +15,6 @@
   display: flex;
   flex-direction: column;
   background-color: var(--color-white, #fff);
-  border: 1px solid var(--color-neutral-200, #e2e4eb);
-  border-radius: var(--radius-lg, 8px);
   overflow: hidden;
 }
 
@@ -37,38 +35,35 @@
 
 /* Compact */
 .data-grid-compact .data-grid-header-cell,
-.data-grid-compact .data-grid-cell,
-.data-grid-compact .data-grid-filter-cell {
+.data-grid-compact .data-grid-cell {
   padding: var(--sp-1-5, 6px) var(--sp-2, 8px);
-  font-size: 0.75rem;
+  font-size: 0.875rem;
 }
 
 .data-grid-compact .data-grid-row {
-  height: 32px;
+  height: 40px;
 }
 
 /* Default */
 .data-grid-default .data-grid-header-cell,
-.data-grid-default .data-grid-cell,
-.data-grid-default .data-grid-filter-cell {
+.data-grid-default .data-grid-cell {
   padding: var(--sp-2, 8px) var(--sp-3, 12px);
   font-size: 0.875rem;
 }
 
 .data-grid-default .data-grid-row {
-  height: 44px;
+  height: 48px;
 }
 
 /* Relaxed */
 .data-grid-relaxed .data-grid-header-cell,
-.data-grid-relaxed .data-grid-cell,
-.data-grid-relaxed .data-grid-filter-cell {
+.data-grid-relaxed .data-grid-cell {
   padding: var(--sp-3, 12px) var(--sp-4, 16px);
   font-size: 0.875rem;
 }
 
 .data-grid-relaxed .data-grid-row {
-  height: 56px;
+  height: 64px;
 }
 
 /* =============================================================================
@@ -117,6 +112,7 @@
    ============================================================================= */
 
 .data-grid-global-filter {
+  position: relative;
   display: flex;
   align-items: center;
   gap: var(--sp-2, 8px);
@@ -125,15 +121,19 @@
 }
 
 .data-grid-search-icon {
+  position: absolute;
   font-size: 20px;
   color: var(--color-neutral-400, #939ab4);
+  left: var(--sp-5); /* Adjust to position the icon */
+  top: 50%;
+  transform: translateY(-50%); /* Centers the icon vertically */
+  pointer-events: none;
 }
 
 .data-grid-global-filter-input {
-  flex: 1;
-  padding: var(--sp-2, 8px) var(--sp-3, 12px);
+  padding: var(--sp-2, 8px) var(--sp-3, 12px) var(--sp-2, 8px) var(--sp-8, 32px);
   border: 1px solid var(--color-neutral-300, #c0c4d4);
-  border-radius: var(--radius-md, 6px);
+  border-radius: var(--radius-sm, 4px);
   font-size: 0.875rem;
   color: var(--color-neutral-900, #141624);
   background-color: var(--color-white, #fff);
@@ -148,6 +148,7 @@
 
 .data-grid-global-filter-input::placeholder {
   color: var(--color-neutral-400, #939ab4);
+  padding-right: var(--sp-10, 40px);
 }
 
 /* =============================================================================
@@ -156,7 +157,7 @@
 
 .data-grid-header {
   display: table-header-group;
-  background-color: var(--color-neutral-50, #fafafc);
+  background-color: var(--color-white, #ffffff);
 }
 
 .data-grid-header-sticky {
@@ -182,26 +183,28 @@
 
 .data-grid-header-cell-sortable {
   cursor: pointer;
-  transition: background-color 0.15s ease;
+  transition: background-color 0.2s ease;
 }
 
 .data-grid-header-cell-sortable:hover {
-  background-color: var(--color-neutral-100, #f0f1f5);
+  background-color: var(--color-neutral-50, #fafafc);
 }
 
 .data-grid-header-cell-sorted {
-  color: var(--color-brand-600, #4f46e5);
+  color: var(--color-neutral-900, #141624);
 }
 
 .data-grid-header-text {
   display: inline-flex;
   align-items: center;
-  gap: var(--sp-1, 4px);
+  gap: var(--sp-2);
 }
 
-.data-grid-sort-icon {
-  font-size: 16px;
-  color: var(--color-brand-600, #4f46e5);
+.data-grid-sort-icon.material-symbols-outlined {
+  font-size: 16px !important;
+  color: var(--color-neutral-700, #4d5266);
+  vertical-align: middle;
+  padding: var(--sp-0) var(--sp-0) var(--sp-0-5) var(--sp-0-5);
 }
 
 /* =============================================================================
@@ -210,10 +213,14 @@
 
 .data-grid-filter-row {
   display: table-row;
-  background-color: var(--color-neutral-25, #fcfcfe);
+  background: var(--color-white, #ffffff);
+  height: 28px;
 }
 
 .data-grid-filter-cell {
+  position: relative;
+  height: 28px;
+  padding: var(--sp-0, 0px);
   display: table-cell;
   vertical-align: middle;
   border-bottom: 1px solid var(--color-neutral-200, #e2e4eb);
@@ -221,22 +228,33 @@
 
 .data-grid-filter-input {
   width: 100%;
-  padding: var(--sp-1-5, 6px) var(--sp-2, 8px);
-  border: 1px solid var(--color-neutral-300, #c0c4d4);
-  border-radius: var(--radius-sm, 4px);
-  font-size: 0.75rem;
+  height: 100%;
+  padding: var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-8);
+  border: none;
+  outline: none;
+  font-size: 0.875rem;
   color: var(--color-neutral-900, #141624);
-  background-color: var(--color-white, #fff);
-  transition: border-color 0.15s ease;
+  background: var(--color-white, #ffffff);
+  transition: background 0.15s ease;
+}
+
+.data-grid-filter-icon {
+  position: absolute;
+  font-size: 20px !important;
+  color: var(--color-neutral-400, #939ab4);
+  left: var(--sp-2); /* Adjust to position the icon */
+  top: 50%;
+  transform: translateY(-50%); /* Centers the icon vertically */
+  pointer-events: none;
 }
 
 .data-grid-filter-input:focus {
-  outline: none;
-  border-color: var(--color-brand-500, #6366f1);
+  background: var(--color-brand-25);
 }
 
 .data-grid-filter-input::placeholder {
   color: var(--color-neutral-400, #939ab4);
+  padding-right: var(--sp-8);
 }
 
 /* =============================================================================
@@ -254,7 +272,7 @@
 
 .data-grid-row-hover,
 .data-grid-row:hover {
-  background-color: var(--color-neutral-50, #fafafc);
+  background-color: var(--color-neutral-25);
 }
 
 .data-grid-row-selected {
@@ -270,7 +288,7 @@
 }
 
 .data-grid-row-editing {
-  background-color: var(--color-warning-50, #fffbeb) !important;
+  background-color: var(--color-brand-50) !important;
 }
 
 /* =============================================================================
@@ -378,7 +396,7 @@
 }
 
 .data-grid-row-expanded .data-grid-expand-btn .material-symbols-outlined {
-  transform: rotate(90deg);
+  transform: rotate(45deg);
 }
 
 .data-grid-row-expansion {
@@ -397,12 +415,12 @@
    ============================================================================= */
 
 .data-grid-row-group {
-  background-color: var(--color-neutral-100, #f0f1f5);
+  background-color: var(--color-neutral-50);
   cursor: pointer;
 }
 
 .data-grid-row-group:hover {
-  background-color: var(--color-neutral-200, #e2e4eb);
+  background-color: var(--color-neutral-100);
 }
 
 .data-grid-cell-group-label {
@@ -430,7 +448,9 @@
   transition: transform 0.15s ease;
 }
 
-.data-grid-row-group-expanded .data-grid-group-toggle .material-symbols-outlined {
+.data-grid-row-group-expanded
+  .data-grid-group-toggle
+  .material-symbols-outlined {
   transform: rotate(90deg);
 }
 
@@ -441,7 +461,7 @@
 }
 
 .data-grid-group-column {
-  color: var(--color-neutral-500, #6b7280);
+  color: var(--color-neutral-600, #5c627a);
 }
 
 .data-grid-group-value {
@@ -482,39 +502,28 @@
   gap: var(--sp-1, 4px);
 }
 
-.data-grid-action-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  border: none;
-  border-radius: var(--radius-md, 6px);
-  background-color: transparent;
-  color: var(--color-neutral-600, #5c627a);
-  cursor: pointer;
-  transition: background-color 0.15s ease, color 0.15s ease;
-}
-
-.data-grid-action-btn:hover {
-  background-color: var(--color-neutral-100, #f0f1f5);
-  color: var(--color-neutral-900, #141624);
-}
-
-.data-grid-action-btn .material-symbols-outlined {
-  font-size: 18px;
-}
-
 /* =============================================================================
    Empty State
    ============================================================================= */
 
 .data-grid-empty {
+  display: table-row;
+  width: 100%;
+}
+
+.data-grid-empty > * {
+  display: table-cell;
+  text-align: center;
+  padding: var(--sp-12, 48px) var(--sp-4, 16px);
+  width: 100%;
+}
+
+.data-grid-empty .empty-state-wrapper {
   display: flex;
-  align-items: center;
   justify-content: center;
-  padding: var(--sp-12, 48px) var(--sp-4, 16px);
+  align-items: center;
+  width: 100%;
+  padding: 20px 0; /* Optional: adds some breathing room */
 }
 
 /* =============================================================================
@@ -540,19 +549,28 @@
 
 /* Skeleton */
 .data-grid-skeleton .data-grid-cell {
+  position: relative;
   padding: var(--sp-2, 8px) var(--sp-3, 12px);
 }
 
-.data-grid-row-skeleton {
+.data-grid-skeleton-bar {
+  display: inline-block;
+  height: 12px;
+  background-color: var(--color-neutral-200, #e2e4eb);
+  border-radius: var(--radius-sm, 4px);
   animation: skeleton-pulse 1.5s ease-in-out infinite;
 }
+.data-grid-row-skeleton .hydrated {
+  width: 80%;
+}
 
 @keyframes skeleton-pulse {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
   }
   50% {
-    opacity: 0.5;
+    opacity: 0.4;
   }
 }