@crisp-ui-kit/crisp 0.48.0 → 0.49.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 (7) hide show
  1. package/dist/cjs/components/datatable/datatable.recipe.js +3 -2
  2. package/dist/datatable.css +3 -2
  3. package/dist/datatable.layered.css +3 -2
  4. package/dist/esm/components/datatable/datatable.recipe.js +3 -2
  5. package/dist/styles.css +3 -2
  6. package/dist/styles.layered.css +3 -2
  7. package/package.json +1 -1
package/dist/cjs/components/datatable/datatable.recipe.js CHANGED
@@ -51,9 +51,10 @@ const config = (0, core_1.defineRecipe)({
51
51
  & .crisp-datatable-th-rename:focus { box-shadow: inset 0 0 0 1px ${tokens_1.contract.bgBrandSolid}; }
52
52
  & .crisp-datatable-th-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
53
53
  & .crisp-datatable-sort { display: flex; align-items: center; gap: ${tokens_1.contract.space["1.5"]}; width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 ${tokens_1.contract.space["2"]}; border: none; background: none; font: inherit; letter-spacing: inherit; color: inherit; text-align: start; cursor: pointer; }
54
- & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; }
54
+ & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; padding-inline-end: 0; }
55
+ & th[data-align="right"] .crisp-datatable-th-inner { justify-content: flex-end; }
55
56
  & .crisp-datatable-chevron { margin-inline-start: auto; flex-shrink: 0; color: ${tokens_1.contract.fgMuted}; opacity: 0; transition: opacity .12s; }
56
- & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; }
57
+ & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; order: -1; }
57
58
  & .crisp-datatable-sort:hover .crisp-datatable-chevron { opacity: 0.6; }
58
59
  & .crisp-datatable-sort[data-sorted] .crisp-datatable-chevron { opacity: 1; color: ${tokens_1.contract.fgPrimary}; }
59
60
  /* sticky first column(s) + horizontal scroll shadow — RecordsTable's feel */
package/dist/datatable.css CHANGED
@@ -32,9 +32,10 @@
32
32
  & .crisp-datatable-th-rename:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
33
33
  & .crisp-datatable-th-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
34
34
  & .crisp-datatable-sort { display: flex; align-items: center; gap: var(--crisp-space-1-5); width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 var(--crisp-space-2); border: none; background: none; font: inherit; letter-spacing: inherit; color: inherit; text-align: start; cursor: pointer; }
35
- & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; }
35
+ & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; padding-inline-end: 0; }
36
+ & th[data-align="right"] .crisp-datatable-th-inner { justify-content: flex-end; }
36
37
  & .crisp-datatable-chevron { margin-inline-start: auto; flex-shrink: 0; color: var(--crisp-fg-muted); opacity: 0; transition: opacity .12s; }
37
- & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; }
38
+ & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; order: -1; }
38
39
  & .crisp-datatable-sort:hover .crisp-datatable-chevron { opacity: 0.6; }
39
40
  & .crisp-datatable-sort[data-sorted] .crisp-datatable-chevron { opacity: 1; color: var(--crisp-fg-primary); }
40
41
  /* sticky first column(s) + horizontal scroll shadow — RecordsTable's feel */
package/dist/datatable.layered.css CHANGED
@@ -33,9 +33,10 @@
33
33
  & .crisp-datatable-th-rename:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
34
34
  & .crisp-datatable-th-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
35
35
  & .crisp-datatable-sort { display: flex; align-items: center; gap: var(--crisp-space-1-5); width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 var(--crisp-space-2); border: none; background: none; font: inherit; letter-spacing: inherit; color: inherit; text-align: start; cursor: pointer; }
36
- & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; }
36
+ & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; padding-inline-end: 0; }
37
+ & th[data-align="right"] .crisp-datatable-th-inner { justify-content: flex-end; }
37
38
  & .crisp-datatable-chevron { margin-inline-start: auto; flex-shrink: 0; color: var(--crisp-fg-muted); opacity: 0; transition: opacity .12s; }
38
- & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; }
39
+ & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; order: -1; }
39
40
  & .crisp-datatable-sort:hover .crisp-datatable-chevron { opacity: 0.6; }
40
41
  & .crisp-datatable-sort[data-sorted] .crisp-datatable-chevron { opacity: 1; color: var(--crisp-fg-primary); }
41
42
  /* sticky first column(s) + horizontal scroll shadow — RecordsTable's feel */
package/dist/esm/components/datatable/datatable.recipe.js CHANGED
@@ -48,9 +48,10 @@ const config = defineRecipe({
48
48
  & .crisp-datatable-th-rename:focus { box-shadow: inset 0 0 0 1px ${c.bgBrandSolid}; }
49
49
  & .crisp-datatable-th-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
50
50
  & .crisp-datatable-sort { display: flex; align-items: center; gap: ${c.space["1.5"]}; width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 ${c.space["2"]}; border: none; background: none; font: inherit; letter-spacing: inherit; color: inherit; text-align: start; cursor: pointer; }
51
- & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; }
51
+ & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; padding-inline-end: 0; }
52
+ & th[data-align="right"] .crisp-datatable-th-inner { justify-content: flex-end; }
52
53
  & .crisp-datatable-chevron { margin-inline-start: auto; flex-shrink: 0; color: ${c.fgMuted}; opacity: 0; transition: opacity .12s; }
53
- & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; }
54
+ & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; order: -1; }
54
55
  & .crisp-datatable-sort:hover .crisp-datatable-chevron { opacity: 0.6; }
55
56
  & .crisp-datatable-sort[data-sorted] .crisp-datatable-chevron { opacity: 1; color: ${c.fgPrimary}; }
56
57
  /* sticky first column(s) + horizontal scroll shadow — RecordsTable's feel */
package/dist/styles.css CHANGED
@@ -548,9 +548,10 @@
548
548
  & .crisp-datatable-th-rename:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
549
549
  & .crisp-datatable-th-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
550
550
  & .crisp-datatable-sort { display: flex; align-items: center; gap: var(--crisp-space-1-5); width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 var(--crisp-space-2); border: none; background: none; font: inherit; letter-spacing: inherit; color: inherit; text-align: start; cursor: pointer; }
551
- & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; }
551
+ & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; padding-inline-end: 0; }
552
+ & th[data-align="right"] .crisp-datatable-th-inner { justify-content: flex-end; }
552
553
  & .crisp-datatable-chevron { margin-inline-start: auto; flex-shrink: 0; color: var(--crisp-fg-muted); opacity: 0; transition: opacity .12s; }
553
- & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; }
554
+ & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; order: -1; }
554
555
  & .crisp-datatable-sort:hover .crisp-datatable-chevron { opacity: 0.6; }
555
556
  & .crisp-datatable-sort[data-sorted] .crisp-datatable-chevron { opacity: 1; color: var(--crisp-fg-primary); }
556
557
  /* sticky first column(s) + horizontal scroll shadow — RecordsTable's feel */
package/dist/styles.layered.css CHANGED
@@ -549,9 +549,10 @@
549
549
  & .crisp-datatable-th-rename:focus { box-shadow: inset 0 0 0 1px var(--crisp-bg-brand-solid); }
550
550
  & .crisp-datatable-th-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
551
551
  & .crisp-datatable-sort { display: flex; align-items: center; gap: var(--crisp-space-1-5); width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0 var(--crisp-space-2); border: none; background: none; font: inherit; letter-spacing: inherit; color: inherit; text-align: start; cursor: pointer; }
552
- & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; }
552
+ & th[data-align="right"] .crisp-datatable-sort { justify-content: flex-end; padding-inline-end: 0; }
553
+ & th[data-align="right"] .crisp-datatable-th-inner { justify-content: flex-end; }
553
554
  & .crisp-datatable-chevron { margin-inline-start: auto; flex-shrink: 0; color: var(--crisp-fg-muted); opacity: 0; transition: opacity .12s; }
554
- & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; }
555
+ & th[data-align="right"] .crisp-datatable-chevron { margin-inline-start: 0; order: -1; }
555
556
  & .crisp-datatable-sort:hover .crisp-datatable-chevron { opacity: 0.6; }
556
557
  & .crisp-datatable-sort[data-sorted] .crisp-datatable-chevron { opacity: 1; color: var(--crisp-fg-primary); }
557
558
  /* sticky first column(s) + horizontal scroll shadow — RecordsTable's feel */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crisp-ui-kit/crisp",
3
- "version": "0.48.0",
3
+ "version": "0.49.0",
4
4
  "description": "A lean React design system, measured pixel-for-pixel from Attio.",
5
5
  "license": "MIT",
6
6
  "type": "module",