@undevy-org/tablewright 0.6.0 → 0.6.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 (7) hide show
  1. package/dist/es/components/data-table/ColumnFilterPopover.js +5 -5
  2. package/dist/es/components/data-table/ColumnHeaderMenu.js +1 -1
  3. package/dist/es/components/data-table/CompoundFilterPopover.js +3 -3
  4. package/dist/es/components/data-table/SortableHeader.js +2 -2
  5. package/dist/es/components/ui/combobox.js +2 -2
  6. package/dist/tablewright.cjs +13 -13
  7. package/package.json +1 -1
package/dist/es/components/data-table/ColumnFilterPopover.js CHANGED
@@ -221,7 +221,7 @@ function ColumnFilterPopover({
221
221
  const allText = allStats?.type === "text" ? allStats : null;
222
222
  const filtText = filteredStats?.type === "text" ? filteredStats : null;
223
223
  return /* @__PURE__ */ jsxs("div", { className: "p-3 w-64 space-y-3", children: [
224
- /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: [
224
+ /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: [
225
225
  labels.contains,
226
226
  draftTags.length >= 2 && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: labels.orBadge })
227
227
  ] }),
@@ -351,7 +351,7 @@ function ColumnFilterPopover({
351
351
  const filtDate = filteredStats?.type === "date" ? filteredStats : null;
352
352
  return /* @__PURE__ */ jsxs("div", { className: "p-3 w-64 space-y-4", children: [
353
353
  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
354
- /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipFrom }),
354
+ /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipFrom }),
355
355
  /* @__PURE__ */ jsx(
356
356
  Input,
357
357
  {
@@ -362,7 +362,7 @@ function ColumnFilterPopover({
362
362
  )
363
363
  ] }),
364
364
  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
365
- /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipTo }),
365
+ /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipTo }),
366
366
  /* @__PURE__ */ jsx(
367
367
  Input,
368
368
  {
@@ -439,7 +439,7 @@ function ColumnFilterPopover({
439
439
  const filtNum = filteredStats?.type === "number-range" ? filteredStats : null;
440
440
  return /* @__PURE__ */ jsxs("div", { className: "p-3 w-64 space-y-4", children: [
441
441
  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
442
- /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipMin }),
442
+ /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipMin }),
443
443
  /* @__PURE__ */ jsx(
444
444
  Input,
445
445
  {
@@ -458,7 +458,7 @@ function ColumnFilterPopover({
458
458
  )
459
459
  ] }),
460
460
  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
461
- /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipMax }),
461
+ /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipMax }),
462
462
  /* @__PURE__ */ jsx(
463
463
  Input,
464
464
  {
package/dist/es/components/data-table/ColumnHeaderMenu.js CHANGED
@@ -75,7 +75,7 @@ function ColumnHeaderMenu({
75
75
  primarySorted === "asc" && /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3 shrink-0" }),
76
76
  primarySorted === "desc" && /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3 shrink-0" })
77
77
  ] }),
78
- /* @__PURE__ */ jsxs("span", { className: "mt-1 inline-flex items-center gap-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-secondary)]", children: [
78
+ /* @__PURE__ */ jsxs("span", { className: "mt-1 inline-flex items-center gap-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-tertiary)]", children: [
79
79
  secondaryLabel,
80
80
  secondarySorted === "asc" && /* @__PURE__ */ jsx(ArrowUp, { className: "h-2.5 w-2.5 shrink-0" }),
81
81
  secondarySorted === "desc" && /* @__PURE__ */ jsx(ArrowDown, { className: "h-2.5 w-2.5 shrink-0" })
package/dist/es/components/data-table/CompoundFilterPopover.js CHANGED
@@ -220,7 +220,7 @@ function CompoundFilterPopover({
220
220
  return /* @__PURE__ */ jsxs(Fragment, { children: [
221
221
  /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
222
222
  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
223
- /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-secondary)] block", children: labels.chipMin }),
223
+ /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: labels.chipMin }),
224
224
  /* @__PURE__ */ jsx(
225
225
  Input,
226
226
  {
@@ -242,7 +242,7 @@ function CompoundFilterPopover({
242
242
  )
243
243
  ] }),
244
244
  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
245
- /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-secondary)] block", children: labels.chipMax }),
245
+ /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: labels.chipMax }),
246
246
  /* @__PURE__ */ jsx(
247
247
  Input,
248
248
  {
@@ -361,7 +361,7 @@ function CompoundFilterPopover({
361
361
  ] });
362
362
  };
363
363
  return /* @__PURE__ */ jsxs(Fragment, { children: [
364
- /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-secondary)] block mb-2", children: [
364
+ /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block mb-2", children: [
365
365
  labels.contains,
366
366
  draft.tags.length >= 2 && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: labels.orBadge })
367
367
  ] }),
package/dist/es/components/data-table/SortableHeader.js CHANGED
@@ -65,7 +65,7 @@ function SortableHeader({
65
65
  className: "group/secondary inline-flex cursor-pointer select-none items-center gap-1 text-left",
66
66
  onClick: onSecondaryClick,
67
67
  children: [
68
- /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-secondary)]", children: secondaryLabel }),
68
+ /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-tertiary)]", children: secondaryLabel }),
69
69
  /* @__PURE__ */ jsx(
70
70
  SortIcon,
71
71
  {
@@ -90,7 +90,7 @@ function SortableHeader({
90
90
  children: [
91
91
  isStacked ? /* @__PURE__ */ jsxs("span", { className: "flex flex-col leading-none", children: [
92
92
  /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--text-primary)]", children: resolvedPrimaryLabel }),
93
- /* @__PURE__ */ jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-secondary)]", children: secondaryLabel })
93
+ /* @__PURE__ */ jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-tertiary)]", children: secondaryLabel })
94
94
  ] }) : /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--text-primary)]", children: resolvedPrimaryLabel }),
95
95
  /* @__PURE__ */ jsx(SortIcon, { sorted, hoverClass: "group-hover/header:opacity-100" })
96
96
  ]
package/dist/es/components/ui/combobox.js CHANGED
@@ -111,7 +111,7 @@ function Combobox({
111
111
  triggerClassName
112
112
  ),
113
113
  children: [
114
- /* @__PURE__ */ jsx("span", { className: cn("truncate", !selected && "text-[var(--text-secondary)]"), children: selected ? renderSelected ? renderSelected(selected) : selected.label : placeholder }),
114
+ /* @__PURE__ */ jsx("span", { className: cn("truncate", !selected && "text-[var(--text-tertiary)]"), children: selected ? renderSelected ? renderSelected(selected) : selected.label : placeholder }),
115
115
  /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-tertiary)]" })
116
116
  ]
117
117
  }
@@ -153,7 +153,7 @@ function Combobox({
153
153
  ),
154
154
  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
155
155
  /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label }),
156
- option.description && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-[var(--text-secondary)]", children: option.description })
156
+ option.description && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-[var(--text-tertiary)]", children: option.description })
157
157
  ] })
158
158
  ]
159
159
  },
package/dist/tablewright.cjs CHANGED
@@ -499,7 +499,7 @@ function Combobox({
499
499
  triggerClassName
500
500
  ),
501
501
  children: [
502
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate", !selected && "text-[var(--text-secondary)]"), children: selected ? renderSelected ? renderSelected(selected) : selected.label : placeholder }),
502
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate", !selected && "text-[var(--text-tertiary)]"), children: selected ? renderSelected ? renderSelected(selected) : selected.label : placeholder }),
503
503
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-tertiary)]" })
504
504
  ]
505
505
  }
@@ -541,7 +541,7 @@ function Combobox({
541
541
  ),
542
542
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
543
543
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: option.label }),
544
- option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11px] text-[var(--text-secondary)]", children: option.description })
544
+ option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[11px] text-[var(--text-tertiary)]", children: option.description })
545
545
  ] })
546
546
  ]
547
547
  },
@@ -1617,7 +1617,7 @@ function SortableHeader({
1617
1617
  className: "group/secondary inline-flex cursor-pointer select-none items-center gap-1 text-left",
1618
1618
  onClick: onSecondaryClick,
1619
1619
  children: [
1620
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-secondary)]", children: secondaryLabel }),
1620
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-tertiary)]", children: secondaryLabel }),
1621
1621
  /* @__PURE__ */ jsxRuntime.jsx(
1622
1622
  SortIcon,
1623
1623
  {
@@ -1642,7 +1642,7 @@ function SortableHeader({
1642
1642
  children: [
1643
1643
  isStacked ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col leading-none", children: [
1644
1644
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--text-primary)]", children: resolvedPrimaryLabel }),
1645
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-secondary)]", children: secondaryLabel })
1645
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-tertiary)]", children: secondaryLabel })
1646
1646
  ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--text-primary)]", children: resolvedPrimaryLabel }),
1647
1647
  /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { sorted, hoverClass: "group-hover/header:opacity-100" })
1648
1648
  ]
@@ -2512,7 +2512,7 @@ function ColumnHeaderMenu({
2512
2512
  primarySorted === "asc" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3 w-3 shrink-0" }),
2513
2513
  primarySorted === "desc" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3 w-3 shrink-0" })
2514
2514
  ] }),
2515
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-1 inline-flex items-center gap-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-secondary)]", children: [
2515
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-1 inline-flex items-center gap-1 text-[10px] font-medium uppercase tracking-[0.06em] text-[var(--text-tertiary)]", children: [
2516
2516
  secondaryLabel,
2517
2517
  secondarySorted === "asc" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-2.5 w-2.5 shrink-0" }),
2518
2518
  secondarySorted === "desc" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-2.5 w-2.5 shrink-0" })
@@ -3063,7 +3063,7 @@ function ColumnFilterPopover({
3063
3063
  const allText = allStats?.type === "text" ? allStats : null;
3064
3064
  const filtText = filteredStats?.type === "text" ? filteredStats : null;
3065
3065
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 w-64 space-y-3", children: [
3066
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: [
3066
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: [
3067
3067
  labels.contains,
3068
3068
  draftTags.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: labels.orBadge })
3069
3069
  ] }),
@@ -3193,7 +3193,7 @@ function ColumnFilterPopover({
3193
3193
  const filtDate = filteredStats?.type === "date" ? filteredStats : null;
3194
3194
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 w-64 space-y-4", children: [
3195
3195
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
3196
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipFrom }),
3196
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipFrom }),
3197
3197
  /* @__PURE__ */ jsxRuntime.jsx(
3198
3198
  Input,
3199
3199
  {
@@ -3204,7 +3204,7 @@ function ColumnFilterPopover({
3204
3204
  )
3205
3205
  ] }),
3206
3206
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
3207
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipTo }),
3207
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipTo }),
3208
3208
  /* @__PURE__ */ jsxRuntime.jsx(
3209
3209
  Input,
3210
3210
  {
@@ -3281,7 +3281,7 @@ function ColumnFilterPopover({
3281
3281
  const filtNum = filteredStats?.type === "number-range" ? filteredStats : null;
3282
3282
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 w-64 space-y-4", children: [
3283
3283
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
3284
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipMin }),
3284
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipMin }),
3285
3285
  /* @__PURE__ */ jsxRuntime.jsx(
3286
3286
  Input,
3287
3287
  {
@@ -3300,7 +3300,7 @@ function ColumnFilterPopover({
3300
3300
  )
3301
3301
  ] }),
3302
3302
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
3303
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)] uppercase tracking-wider block", children: labels.chipMax }),
3303
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipMax }),
3304
3304
  /* @__PURE__ */ jsxRuntime.jsx(
3305
3305
  Input,
3306
3306
  {
@@ -3606,7 +3606,7 @@ function CompoundFilterPopover({
3606
3606
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
3607
3607
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
3608
3608
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
3609
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-secondary)] block", children: labels.chipMin }),
3609
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: labels.chipMin }),
3610
3610
  /* @__PURE__ */ jsxRuntime.jsx(
3611
3611
  Input,
3612
3612
  {
@@ -3628,7 +3628,7 @@ function CompoundFilterPopover({
3628
3628
  )
3629
3629
  ] }),
3630
3630
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
3631
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-secondary)] block", children: labels.chipMax }),
3631
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: labels.chipMax }),
3632
3632
  /* @__PURE__ */ jsxRuntime.jsx(
3633
3633
  Input,
3634
3634
  {
@@ -3747,7 +3747,7 @@ function CompoundFilterPopover({
3747
3747
  ] });
3748
3748
  };
3749
3749
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
3750
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-secondary)] block mb-2", children: [
3750
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block mb-2", children: [
3751
3751
  labels.contains,
3752
3752
  draft.tags.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: labels.orBadge })
3753
3753
  ] }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@undevy-org/tablewright",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "React data-table and application-shell components: filters, drawers, row controls, sortable and resizable columns, built on Radix UI and TanStack Table.",
5
5
  "license": "MIT",
6
6
  "repository": {