@infinite-table/infinite-react 6.1.1-canary.0 → 6.2.0

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 (12) hide show
  1. package/index.css +269 -726
  2. package/index.d.ts +1288 -1274
  3. package/index.dev.js +562 -484
  4. package/index.dev.mjs +562 -484
  5. package/index.js +562 -484
  6. package/index.mjs +562 -484
  7. package/package.json +2 -2
  8. package/theme/balsam.css +127 -0
  9. package/theme/default.css +609 -0
  10. package/theme/minimalist.css +115 -0
  11. package/theme/ocean.css +123 -0
  12. package/theme/shadcn.css +88 -0
package/package.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "bugs": {
26
26
  "url": "https://github.com/infinite-table/infinite-react/issues"
27
27
  },
28
- "version": "6.1.1-canary.0",
28
+ "version": "6.2.0",
29
29
  "main": "index.js",
30
30
  "module": "index.mjs",
31
31
  "typings": "index.d.ts",
@@ -34,5 +34,5 @@
34
34
  },
35
35
  "license": "Commercial & Open Source",
36
36
  "//": "will be updated at build time",
37
- "publishedAt": 1741096386359
37
+ "publishedAt": 1741271466467
38
38
  }
package/theme/balsam.css ADDED
@@ -0,0 +1,127 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUltBKVMKohISW7M2+imOPiUViR7Y5SKu++yqBtsFJTQIIKm0UwY1n/hmPPflGmQrJhRQWsE0hByxJDhgnJDMkj7VSdoKmHhP09wkhjD8teEZMKuQKJ4SuV1ptJIvRluhxzYZQCtJiqjKln39/478pfBJmQykYc0aDqZ30qYDWSrdr1HOM0egtiShfODZ15V0qLDjrR+ckI3TtLJ3kH6PRIqSwCB2jWnoxGnG6iBaRY5ICYaAxhSw7SWfEI/7KXz3WqdqCPvGpAuFc7MdCIqNXycStV3u058lh9yj45Vbxw+GwBUette6Vdl/7ROkyjFVFjGbFHhmVCYb0KiHj2dtygmbLqPxbTtA0evsux5qQFqvU1qVaSmM1kaYgGqRt1OmQKQpfGgWpR8mA2xhJJRv3ppnKGaudYDaN0Uuxb1xjK7ZHWyGZoMQqjYU0YGMUFPtqj8ef46rVztc7tfNvcVSMOfeRcsbdLZSWzXs4Aspf+KzF1kAG1AI7d219Z3Py8kFBeUS+SJe0yTepevokB7nBBgqiq/P5aPmE0Tl1m7iyvehgKk9hIceFBmPO17Ff+4ft26oCMmFIkvWO6Oz1q4JVZ70/uWTKFQOMs7JneizVeeZba5KwJuqlpNfzdqInYPbIXu7py3WYBIZJYJgEhklgmASGSeCHTAKM6HX3lWvngFLz9sSuVAe2Hl4IAZuHc9fik4tR+dybrzNaPv81X0cRLZ8Bpw/AabAIaNARp3MWvobLAaft93XA6RdO/+TABEHjQgMHfXx7YkNLLsWoRNJzxSQfz7p+Pb6ebLdh223o1o1vXQh3hnEdKdeJc31J9wDWXUK7/ry7gHh3Zl5H6nXlXkfyXcW+K+jXh3/9CHhPBj6Egv04eA0JH8DCe9IQofen93/3iRBjJx0AAA== */
2
+ .infinite-theme-name--balsam:root,
3
+ .infinite-theme-name--balsam {
4
+ --infinite-flashing-background: var(--infinite-accent-color);
5
+ --infinite-flashing-up-background: var(--infinite-success-color);
6
+ --infinite-flashing-down-background: var(--infinite-error-color);
7
+ --infinite-accent-color: #8b5cf6;
8
+ --infinite-background: white;
9
+ --infinite-color: black;
10
+ --infinite-success-color: #64ce64;
11
+ --infinite-error-color: #fc6565;
12
+ --infinite-header-cell-background: #f5f7f7;
13
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
14
+ --infinite-header-color: var(--infinite-color);
15
+ --infinite-cell-color: var(--infinite-color);
16
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
17
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
18
+ --infinite-cell-border-left: none;
19
+ --infinite-cell-border-right: none;
20
+ --infinite-cell-border-width: 0px;
21
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
22
+ --infinite-row-background: var(--infinite-background);
23
+ --infinite-row-odd-background: #fcfdfe;
24
+ --infinite-row-hover-background: #ecf0f1;
25
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
26
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
27
+ --infinite-menu-separator-color: #bdc3c7;
28
+ --infinite-menu-background: var(--infinite-background);
29
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
30
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
31
+ }
32
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
33
+ .infinite-theme-mode--light .infinite-theme-name--balsam,
34
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
35
+ .infinite-theme-name--balsam .infinite-theme-mode--light,
36
+ .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
37
+ --infinite-flashing-background: var(--infinite-accent-color);
38
+ --infinite-flashing-up-background: var(--infinite-success-color);
39
+ --infinite-flashing-down-background: var(--infinite-error-color);
40
+ --infinite-accent-color: #8b5cf6;
41
+ --infinite-background: white;
42
+ --infinite-color: black;
43
+ --infinite-success-color: #64ce64;
44
+ --infinite-error-color: #fc6565;
45
+ --infinite-header-cell-background: #f5f7f7;
46
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
47
+ --infinite-header-color: var(--infinite-color);
48
+ --infinite-cell-color: var(--infinite-color);
49
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
50
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
51
+ --infinite-cell-border-left: none;
52
+ --infinite-cell-border-right: none;
53
+ --infinite-cell-border-width: 0px;
54
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
55
+ --infinite-row-background: var(--infinite-background);
56
+ --infinite-row-odd-background: #fcfdfe;
57
+ --infinite-row-hover-background: #ecf0f1;
58
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
59
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
60
+ --infinite-menu-separator-color: #bdc3c7;
61
+ --infinite-menu-background: var(--infinite-background);
62
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
63
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
64
+ }
65
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
66
+ .infinite-theme-mode--dark .infinite-theme-name--balsam,
67
+ .infinite-theme-name--balsam .infinite-theme-mode--dark {
68
+ --infinite-flashing-background: var(--infinite-accent-color);
69
+ --infinite-flashing-up-background: var(--infinite-success-color);
70
+ --infinite-flashing-down-background: var(--infinite-error-color);
71
+ --infinite-accent-color: #8b5cf6;
72
+ --infinite-background: #2d3436;
73
+ --infinite-color: #f5f5f5;
74
+ --infinite-success-color: #64ce64;
75
+ --infinite-error-color: #fc6565;
76
+ --infinite-header-cell-background: #1c1c1c;
77
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
78
+ --infinite-header-color: var(--infinite-color);
79
+ --infinite-cell-color: var(--infinite-color);
80
+ --infinite-cell-border-top: 1px solid #5c5c5c;
81
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
82
+ --infinite-cell-border-left: none;
83
+ --infinite-cell-border-right: none;
84
+ --infinite-cell-border-width: 0px;
85
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
86
+ --infinite-row-background: var(--infinite-background);
87
+ --infinite-row-odd-background: #262c2e;
88
+ --infinite-row-hover-background: #3d4749;
89
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
90
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
91
+ --infinite-menu-separator-color: #5c5c5c;
92
+ --infinite-menu-background: var(--infinite-background);
93
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
94
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
95
+ }
96
+ @media (prefers-color-scheme: dark) {
97
+ .infinite-theme-name--balsam:root,
98
+ .infinite-theme-name--balsam {
99
+ --infinite-flashing-background: var(--infinite-accent-color);
100
+ --infinite-flashing-up-background: var(--infinite-success-color);
101
+ --infinite-flashing-down-background: var(--infinite-error-color);
102
+ --infinite-accent-color: #8b5cf6;
103
+ --infinite-background: #2d3436;
104
+ --infinite-color: #f5f5f5;
105
+ --infinite-success-color: #64ce64;
106
+ --infinite-error-color: #fc6565;
107
+ --infinite-header-cell-background: #1c1c1c;
108
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
109
+ --infinite-header-color: var(--infinite-color);
110
+ --infinite-cell-color: var(--infinite-color);
111
+ --infinite-cell-border-top: 1px solid #5c5c5c;
112
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
113
+ --infinite-cell-border-left: none;
114
+ --infinite-cell-border-right: none;
115
+ --infinite-cell-border-width: 0px;
116
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
117
+ --infinite-row-background: var(--infinite-background);
118
+ --infinite-row-odd-background: #262c2e;
119
+ --infinite-row-hover-background: #3d4749;
120
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
121
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
122
+ --infinite-menu-separator-color: #5c5c5c;
123
+ --infinite-menu-background: var(--infinite-background);
124
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
125
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
126
+ }
127
+ }