@infinite-table/infinite-react 6.1.1 → 6.2.1

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.
Files changed (11) hide show
  1. package/index.css +270 -881
  2. package/index.dev.js +80 -80
  3. package/index.dev.mjs +80 -80
  4. package/index.js +80 -80
  5. package/index.mjs +80 -80
  6. package/package.json +2 -2
  7. package/theme/balsam.css +131 -0
  8. package/theme/default.css +455 -0
  9. package/theme/minimalist.css +123 -0
  10. package/theme/ocean.css +127 -0
  11. package/theme/shadcn.css +90 -0
package/theme/ocean.css ADDED
@@ -0,0 +1,127 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YXa+iMBCG7/0VTcwmmtgTEUQPe7N/pbaDNAda0taPZON/30BYw5cFleOJCRfe2Jm3L9Mpz4QPLkIuuAFsIkgAC5IAxpICEYGS0izQx+0I9HeCEMbXgAgIA4WpjKUK0JGoWWkx/3f+u5pBIY7viS922BH6tVfyIFgj7b+HTDiSx0pwXS2MiY642Nv0CKUgTLuba/4htUnoA6WgdYcGkydhUwGlpGrXKHsM0HS7W9PQr8WUlafMgW1I62dRpC+9leuy2mLlGQI09T0KvlcLKlkM0DSk/tpftx9gfjwVSxvG3IYl22EGaOpudyzctrXUTqos0cg0QE56RlrGnKHcGU74ecYF0mq/WyCjiNApUSDMor0DkbP8daMNy1spvo/M85t5zc3Ku8QQmgAJKcASVFjpiDpxZqIALdNzo5sMPxaxXDBOiZEKc6HBBGiVnvNnLH61VCVPtha+fROzRMlYJbmlgDW96nbzBTpF3ABaNWuYRTYbyPLqsFvVEAM1wIZ6EVU0mz77VaLFlK0kCYgD1pASlZ9vcWsHuyK5/NPFzlW4gQSnCrS2V7wic5nUwZVIBhjH2eW4Y6mEO8tSE5MlSRtCrYmDaZaZbRF9ONFmdJwRxhlhnBHGGWGcEcYZ4U1mBEbUV/+V5yaETHFomOeaI3ffk7tLd0W98AZ3P32yJKSDu87G95yNlbtrcDynjuab3G2lfQd3lysndOtkH5C71+Yc4ft+8B3Z21mRYdBrvyU/z98/CTBO0CxVEIIqXmFY0wxmAco4Ns9BZmFgz8/Uj8DwfhwODcTnkTgMFIfBYj8w9kFjBxx74rEXIO9F5GOQfCEmXwzKnqjsC8ueuHwKmE8g89uhOSg2vwecP4LO18BzKHwOBFCELpPLP3GZ85nDHQAA */
2
+ .infinite-theme-name--ocean:root,
3
+ .infinite-theme-name--ocean {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
7
+ --infinite-flashing-background: var(--infinite-accent-color);
8
+ --infinite-flashing-up-background: var(--infinite-success-color);
9
+ --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-accent-color: #8b5cf6;
11
+ --infinite-background: #d1e8fc;
12
+ --infinite-color: #04233d;
13
+ --infinite-success-color: #64ce64;
14
+ --infinite-error-color: #fc6565;
15
+ --infinite-header-cell-background: #7dd3fc;
16
+ --infinite-header-cell-hover-background: #38bdf8;
17
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
18
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
19
+ --infinite-cell-border-left: none;
20
+ --infinite-cell-border-right: none;
21
+ --infinite-cell-border-width: 0px;
22
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
23
+ --infinite-row-background: var(--infinite-background);
24
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
25
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
26
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
27
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
28
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
29
+ --infinite-menu-background: var(--infinite-header-cell-background);
30
+ --infinite-menu-item-pressed-background: var(--infinite-background);
31
+ }
32
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
33
+ .infinite-theme-mode--light .infinite-theme-name--ocean,
34
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
35
+ .infinite-theme-name--ocean .infinite-theme-mode--light,
36
+ .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
37
+ --infinite-header-color: var(--infinite-color);
38
+ --infinite-cell-color: var(--infinite-color);
39
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
40
+ --infinite-flashing-background: var(--infinite-accent-color);
41
+ --infinite-flashing-up-background: var(--infinite-success-color);
42
+ --infinite-flashing-down-background: var(--infinite-error-color);
43
+ --infinite-accent-color: #8b5cf6;
44
+ --infinite-background: #d1e8fc;
45
+ --infinite-color: #04233d;
46
+ --infinite-success-color: #64ce64;
47
+ --infinite-error-color: #fc6565;
48
+ --infinite-header-cell-background: #7dd3fc;
49
+ --infinite-header-cell-hover-background: #38bdf8;
50
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
51
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
52
+ --infinite-cell-border-left: none;
53
+ --infinite-cell-border-right: none;
54
+ --infinite-cell-border-width: 0px;
55
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
56
+ --infinite-row-background: var(--infinite-background);
57
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
58
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
59
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
60
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
61
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
62
+ --infinite-menu-background: var(--infinite-header-cell-background);
63
+ --infinite-menu-item-pressed-background: var(--infinite-background);
64
+ }
65
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
66
+ .infinite-theme-mode--dark .infinite-theme-name--ocean,
67
+ .infinite-theme-name--ocean .infinite-theme-mode--dark {
68
+ --infinite-header-color: var(--infinite-color);
69
+ --infinite-cell-color: var(--infinite-color);
70
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
71
+ --infinite-flashing-background: var(--infinite-accent-color);
72
+ --infinite-flashing-up-background: var(--infinite-success-color);
73
+ --infinite-flashing-down-background: var(--infinite-error-color);
74
+ --infinite-accent-color: #8b5cf6;
75
+ --infinite-background: #032c4f;
76
+ --infinite-color: #96a0aa;
77
+ --infinite-success-color: #176417;
78
+ --infinite-error-color: #5e1414;
79
+ --infinite-header-cell-background: #04233d;
80
+ --infinite-header-cell-hover-background: #021f35;
81
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
82
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
83
+ --infinite-cell-border-left: none;
84
+ --infinite-cell-border-right: none;
85
+ --infinite-cell-border-width: 0px;
86
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
87
+ --infinite-row-background: var(--infinite-background);
88
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
89
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
90
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
91
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
92
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
93
+ --infinite-menu-background: var(--infinite-header-cell-background);
94
+ --infinite-menu-item-pressed-background: var(--infinite-background);
95
+ }
96
+ @media (prefers-color-scheme: dark) {
97
+ .infinite-theme-name--ocean:root,
98
+ .infinite-theme-name--ocean {
99
+ --infinite-header-color: var(--infinite-color);
100
+ --infinite-cell-color: var(--infinite-color);
101
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
102
+ --infinite-flashing-background: var(--infinite-accent-color);
103
+ --infinite-flashing-up-background: var(--infinite-success-color);
104
+ --infinite-flashing-down-background: var(--infinite-error-color);
105
+ --infinite-accent-color: #8b5cf6;
106
+ --infinite-background: #032c4f;
107
+ --infinite-color: #96a0aa;
108
+ --infinite-success-color: #176417;
109
+ --infinite-error-color: #5e1414;
110
+ --infinite-header-cell-background: #04233d;
111
+ --infinite-header-cell-hover-background: #021f35;
112
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
113
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
114
+ --infinite-cell-border-left: none;
115
+ --infinite-cell-border-right: none;
116
+ --infinite-cell-border-width: 0px;
117
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
118
+ --infinite-row-background: var(--infinite-background);
119
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
120
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
121
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
122
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
123
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
124
+ --infinite-menu-background: var(--infinite-header-cell-background);
125
+ --infinite-menu-item-pressed-background: var(--infinite-background);
126
+ }
127
+ }
package/theme/shadcn.css ADDED
@@ -0,0 +1,90 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Wy27bMBC8+yv2kiABTMMOkEPVH2i/oGeaXFtEKJJYUrbTIv9eiJJjPanU6FEHXsSZ4XJ3uZqNMgdlVEAWciyQGV4gYz7nUpiMrA1r2CQg8GcFwNgnIkcukZiw2lIGJ05PjBVlQMkOlvBItjTy+XuXI1DrLuO2VX3t45sz9ly81YID2m2rzz1o7nNljik2FwJNGD/7k1+6lIQvhUDvZzSkPZuUChJZGtcYsqbv3EntdBk6MV/hjlTB6b2PbUV2RUr0gUoR1An76HZCZ4Sv/VO1xN6SRMrAWIOzMEbqmId5cCtvgbjxjhOakGDk9pRutnH5/sUIvfqNLOdGapwXHS16+7rBugx27gLeaiWvPRD3humvilKzlZFK8GCJKeMxZPDiLlGmWQnqLVrGtct5BtvNLoWvA/1K1SeOkXjgpQ4ZRA1WqMuTMmDftMjXPUHYbR/W7YrCt+1DKn8aD+Pd8rWeaqPOSoY8g+0ge2TP902pimilvJ887K/pFMbx/Ayv/QS+DhNYSXvUKKqBPgyuVkpxZvt+4oS+aIGmvC87kdntSetiVNOTMXJUwIJJ5fle9y4/PUdGiNZxocJ79XheJtGO0PvRFNejNAb4CJufDfVHHEG/iDuHFH/JAE1z7m0IthjOl+4oiYIAj1ksUKMA0HqL4//nsV5rtD5W1fpY9d1DYSUypquX9Q9bbc+R2hu6lZZo0skkmf9PtGOeErL3M1OxLm5tcWuLW1vc2uLWFre2uLXFrfXd2l/wvvwLDhIAAA== */
2
+ .infinite-theme-name--shadcn:root,
3
+ .infinite-theme-name--shadcn {
4
+ --infinite-header-color: var(--muted-foreground);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-background);
7
+ --infinite-flashing-background: var(--infinite-accent-color);
8
+ --infinite-flashing-up-background: var(--infinite-success-color);
9
+ --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-background: var(--background);
11
+ --infinite-color: var(--foreground);
12
+ --infinite-success-color: var(--primary);
13
+ --infinite-error-color: var(--destructive);
14
+ --infinite-accent-color: var(--primary);
15
+ --infinite-header-cell-border: none;
16
+ --infinite-header-cell-border-right: none;
17
+ --infinite-header-cell-background: transparent;
18
+ --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
19
+ --infinite-resize-handle-hover-background: var(--infinite-color);
20
+ --infinite-cell-border-top: 1px solid var(--border);
21
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
22
+ --infinite-active-cell-background-alpha: 0.1;
23
+ --infinite-active-cell-border-color: var(--primary);
24
+ --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
25
+ --infinite-cell-border-left: none;
26
+ --infinite-cell-border-right: none;
27
+ --infinite-cell-border-width: 0px;
28
+ --infinite-row-background: var(--infinite-background);
29
+ --infinite-row-odd-background: var(--infinite-background);
30
+ --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
31
+ --infinite-row-selected-background: var(--muted);
32
+ --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
33
+ --infinite-menu-background: var(--infinite-background);
34
+ --infinite-menu-color: var(--popover-foreground);
35
+ --infinite-menu-item-disabled-background: transparent;
36
+ --infinite-menu-item-disabled-opacity: 0.2;
37
+ --infinite-menu-item-pressed-background: var(--accent);
38
+ & .InfiniteHeaderWrapper {
39
+ border-bottom: var(--infinite-cell-border-top);
40
+ &:hover {
41
+ background-color: var(--infinite-row-hover-background);
42
+ }
43
+ }
44
+ }
45
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
46
+ .infinite-theme-mode--light .infinite-theme-name--shadcn,
47
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
48
+ .infinite-theme-name--shadcn .infinite-theme-mode--light,
49
+ .infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
50
+ --infinite-header-color: var(--muted-foreground);
51
+ --infinite-cell-color: var(--infinite-color);
52
+ --infinite-header-background: var(--infinite-background);
53
+ --infinite-flashing-background: var(--infinite-accent-color);
54
+ --infinite-flashing-up-background: var(--infinite-success-color);
55
+ --infinite-flashing-down-background: var(--infinite-error-color);
56
+ --infinite-background: var(--background);
57
+ --infinite-color: var(--foreground);
58
+ --infinite-success-color: var(--primary);
59
+ --infinite-error-color: var(--destructive);
60
+ --infinite-accent-color: var(--primary);
61
+ --infinite-header-cell-border: none;
62
+ --infinite-header-cell-border-right: none;
63
+ --infinite-header-cell-background: transparent;
64
+ --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
65
+ --infinite-resize-handle-hover-background: var(--infinite-color);
66
+ --infinite-cell-border-top: 1px solid var(--border);
67
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
68
+ --infinite-active-cell-background-alpha: 0.1;
69
+ --infinite-active-cell-border-color: var(--primary);
70
+ --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
71
+ --infinite-cell-border-left: none;
72
+ --infinite-cell-border-right: none;
73
+ --infinite-cell-border-width: 0px;
74
+ --infinite-row-background: var(--infinite-background);
75
+ --infinite-row-odd-background: var(--infinite-background);
76
+ --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
77
+ --infinite-row-selected-background: var(--muted);
78
+ --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
79
+ --infinite-menu-background: var(--infinite-background);
80
+ --infinite-menu-color: var(--popover-foreground);
81
+ --infinite-menu-item-disabled-background: transparent;
82
+ --infinite-menu-item-disabled-opacity: 0.2;
83
+ --infinite-menu-item-pressed-background: var(--accent);
84
+ & .InfiniteHeaderWrapper {
85
+ border-bottom: var(--infinite-cell-border-top);
86
+ &:hover {
87
+ background-color: var(--infinite-row-hover-background);
88
+ }
89
+ }
90
+ }