@machinemetrics/mm-react-components 0.2.3-23 → 0.2.3-25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -355,10 +355,10 @@
355
355
 
356
356
  /* =============================
357
357
  TABLE HEADER
358
- ============================= */
358
+ ============================= */
359
359
  --tablehead-bg: var(--muted);
360
360
  --tablehead-fg: var(--foreground);
361
- --tablehead-border: var(--border);
361
+ --tablehead-border: var(--grey-300);
362
362
 
363
363
  /* =============================
364
364
  BUTTONS
@@ -561,7 +561,7 @@
561
561
  ============================= */
562
562
  --tablehead-bg: var(--muted);
563
563
  --tablehead-fg: var(--foreground);
564
- --tablehead-border: var(--border);
564
+ --tablehead-border: var(--grey-600);
565
565
 
566
566
  /* =============================
567
567
  CODE (TYPOGRAPHY TOKENS - DARK)
@@ -1019,12 +1019,22 @@
1019
1019
  .carbide [data-slot='table-wrapper'] {
1020
1020
  background-color: var(--card);
1021
1021
  color: var(--card-foreground);
1022
- border-color: var(--border);
1022
+ border-color: var(--grey-400);
1023
1023
  }
1024
1024
  .carbide.dark [data-slot='table-wrapper'] {
1025
1025
  background-color: var(--card);
1026
1026
  color: var(--card-foreground);
1027
- border-color: var(--border);
1027
+ border-color: var(--grey-600);
1028
+ }
1029
+
1030
+ /* Table header: border color */
1031
+ .carbide th[data-slot='table-head'],
1032
+ .carbide thead[data-slot='table-header'] {
1033
+ border-bottom: 1px solid var(--tablehead-border);
1034
+ }
1035
+ .carbide.dark th[data-slot='table-head'],
1036
+ .carbide.dark thead[data-slot='table-header'] {
1037
+ border-bottom: 1px solid var(--tablehead-border);
1028
1038
  }
1029
1039
 
1030
1040
  /* Table rows: border color */
@@ -1222,7 +1232,10 @@ tr
1222
1232
  PROGRESS (SEMANTIC HOOK)
1223
1233
  ============================= */
1224
1234
  .carbide [data-slot='progress'] {
1225
- background-color: var(--surface-neutral);
1235
+ background-color: var(--grey-200, #edf2f7);
1236
+ border: 1px solid rgba(0, 0, 0, 0.05);
1237
+ border-radius: 4px;
1238
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05) inset;
1226
1239
  }
1227
1240
 
1228
1241
  .carbide [data-slot='progress'] [data-slot='progress-indicator'] {
@@ -1404,7 +1417,10 @@ tr
1404
1417
  }
1405
1418
 
1406
1419
  .carbide.dark [data-slot='progress'] {
1407
- background-color: var(--surface-neutral);
1420
+ background-color: var(--grey-800, #2d3748);
1421
+ border: 1px solid rgba(255, 255, 255, 0.05);
1422
+ border-radius: 4px;
1423
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) inset;
1408
1424
  }
1409
1425
 
1410
1426
  .carbide.dark [data-slot='progress'] [data-slot='progress-indicator'] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@machinemetrics/mm-react-components",
3
- "version": "0.2.3-23",
3
+ "version": "0.2.3-25",
4
4
  "description": "Industrial-grade React components for manufacturing applications",
5
5
  "keywords": [
6
6
  "react",