comins-table 0.1.3 → 0.1.5

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comins-table",
3
- "version": "0.1.3",
3
+ "version": "0.1.5",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "repository": {
@@ -52,7 +52,8 @@
52
52
  "dist",
53
53
  "README.md",
54
54
  "styles.css",
55
- "CHANGELOG.md"
55
+ "CHANGELOG.md",
56
+ "THIRD_PARTY_NOTICES.md"
56
57
  ],
57
58
  "sideEffects": [
58
59
  "./styles.css"
@@ -69,12 +70,9 @@
69
70
  "@vitejs/plugin-react": "^6.0.3",
70
71
  "jsdom": "^29.1.1",
71
72
  "prism-react-renderer": "^2.4.1",
72
- "react-router": "^8.2.0",
73
+ "react-router": "^8.3.0",
73
74
  "typescript": "^7.0.2",
74
75
  "vite": "^8.1.5",
75
76
  "vitest": "^4.1.10"
76
- },
77
- "dependencies": {
78
- "lucide-react": "^1.25.0"
79
77
  }
80
78
  }
package/styles.css CHANGED
@@ -648,6 +648,13 @@
648
648
  z-index: 60;
649
649
  }
650
650
 
651
+ .comins-sort-meta {
652
+ align-items: center;
653
+ display: inline-flex;
654
+ gap: 3px;
655
+ min-width: 0;
656
+ }
657
+
651
658
  .comins-sort-indicator {
652
659
  display: none;
653
660
  justify-content: center;
@@ -659,6 +666,35 @@
659
666
  transform 180ms ease;
660
667
  }
661
668
 
669
+ .comins-sort-icon {
670
+ display: inline-block;
671
+ height: 14px;
672
+ position: relative;
673
+ width: 14px;
674
+ }
675
+
676
+ .comins-sort-icon::before {
677
+ border-left: 2px solid currentColor;
678
+ border-top: 2px solid currentColor;
679
+ content: "";
680
+ height: 6px;
681
+ left: 3px;
682
+ position: absolute;
683
+ top: 2px;
684
+ transform: rotate(45deg);
685
+ width: 6px;
686
+ }
687
+
688
+ .comins-sort-icon::after {
689
+ background: currentColor;
690
+ content: "";
691
+ height: 8px;
692
+ left: 6px;
693
+ position: absolute;
694
+ top: 4px;
695
+ width: 2px;
696
+ }
697
+
662
698
  .comins-sort-indicator[data-sort-state="asc"] {
663
699
  display: inline-flex;
664
700
  opacity: 1;
@@ -671,6 +707,32 @@
671
707
  transform: scale(1) rotate(180deg);
672
708
  }
673
709
 
710
+ .comins-sort-priority {
711
+ align-items: center;
712
+ background: color-mix(in srgb, var(--comins-table-accent) 18%, transparent);
713
+ border: 1px solid color-mix(in srgb, var(--comins-table-accent) 48%, transparent);
714
+ border-radius: 999px;
715
+ color: var(--comins-table-accent);
716
+ display: inline-flex;
717
+ font-size: 10px;
718
+ font-weight: 800;
719
+ height: 16px;
720
+ justify-content: center;
721
+ line-height: 1;
722
+ min-width: 16px;
723
+ padding: 0 4px;
724
+ }
725
+
726
+ .comins-table__sort-status {
727
+ clip: rect(0 0 0 0);
728
+ clip-path: inset(50%);
729
+ height: 1px;
730
+ overflow: hidden;
731
+ position: absolute;
732
+ white-space: nowrap;
733
+ width: 1px;
734
+ }
735
+
674
736
  .comins-row-selected {
675
737
  background: var(--comins-table-row-selected-background);
676
738
  }