@crisp-ui-kit/crisp 0.54.11 → 0.55.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 (63) hide show
  1. package/dist/badge.css +1 -1
  2. package/dist/badge.layered.css +1 -1
  3. package/dist/cjs/components/badge/badge.recipe.js +10 -5
  4. package/dist/cjs/components/datatable/countries.js +73 -0
  5. package/dist/cjs/components/datatable/datatable.js +318 -40
  6. package/dist/cjs/components/datatable/datatable.recipe.js +18 -1
  7. package/dist/cjs/components/resizablepanel/resizablepanel.js +10 -1
  8. package/dist/cjs/components/table/table.js +8 -1
  9. package/dist/cjs/components/tabletoolbar/tabletoolbar.js +110 -27
  10. package/dist/cjs/index.js +0 -2
  11. package/dist/cjs/product/recordpage/index.js +6 -1
  12. package/dist/cjs/product/recordpage/recordpage.js +20 -4
  13. package/dist/datatable.css +141 -102
  14. package/dist/datatable.layered.css +141 -102
  15. package/dist/esm/components/badge/badge.recipe.js +10 -5
  16. package/dist/esm/components/datatable/countries.js +68 -0
  17. package/dist/esm/components/datatable/datatable.js +319 -41
  18. package/dist/esm/components/datatable/datatable.recipe.js +18 -1
  19. package/dist/esm/components/resizablepanel/resizablepanel.js +10 -1
  20. package/dist/esm/components/table/table.js +8 -1
  21. package/dist/esm/components/tabletoolbar/tabletoolbar.js +111 -28
  22. package/dist/esm/index.js +0 -2
  23. package/dist/esm/product/recordpage/index.js +2 -0
  24. package/dist/esm/product/recordpage/recordpage.js +20 -4
  25. package/dist/styles.css +142 -375
  26. package/dist/styles.layered.css +142 -375
  27. package/dist/types/components/badge/badge.recipe.d.ts +3 -1
  28. package/dist/types/components/datatable/countries.d.ts +12 -0
  29. package/dist/types/components/datatable/datatable.d.ts +27 -3
  30. package/dist/types/components/table/table.d.ts +14 -0
  31. package/dist/types/index.d.ts +0 -2
  32. package/dist/types/product/recordpage/index.d.ts +2 -0
  33. package/package.json +2 -12
  34. package/dist/cjs/product/recordstable/company-logos.js +0 -29
  35. package/dist/cjs/product/recordstable/index.js +0 -13
  36. package/dist/cjs/product/recordstable/recordstable.js +0 -1362
  37. package/dist/cjs/product/recordstable/recordstable.recipe.js +0 -175
  38. package/dist/cjs/product/recordstable/recordstable.tag.js +0 -26
  39. package/dist/cjs/product/taskstable/index.js +0 -7
  40. package/dist/cjs/product/taskstable/taskstable.js +0 -32
  41. package/dist/cjs/product/taskstable/taskstable.recipe.js +0 -56
  42. package/dist/esm/product/recordstable/company-logos.js +0 -26
  43. package/dist/esm/product/recordstable/index.js +0 -3
  44. package/dist/esm/product/recordstable/recordstable.js +0 -1322
  45. package/dist/esm/product/recordstable/recordstable.recipe.js +0 -172
  46. package/dist/esm/product/recordstable/recordstable.tag.js +0 -23
  47. package/dist/esm/product/taskstable/index.js +0 -2
  48. package/dist/esm/product/taskstable/taskstable.js +0 -29
  49. package/dist/esm/product/taskstable/taskstable.recipe.js +0 -53
  50. package/dist/recordstable.css +0 -240
  51. package/dist/recordstable.d.ts +0 -7
  52. package/dist/recordstable.layered.css +0 -242
  53. package/dist/taskstable.css +0 -30
  54. package/dist/taskstable.d.ts +0 -7
  55. package/dist/taskstable.layered.css +0 -32
  56. package/dist/types/product/recordstable/company-logos.d.ts +0 -1
  57. package/dist/types/product/recordstable/index.d.ts +0 -3
  58. package/dist/types/product/recordstable/recordstable.d.ts +0 -294
  59. package/dist/types/product/recordstable/recordstable.recipe.d.ts +0 -5
  60. package/dist/types/product/recordstable/recordstable.tag.d.ts +0 -15
  61. package/dist/types/product/taskstable/index.d.ts +0 -2
  62. package/dist/types/product/taskstable/taskstable.d.ts +0 -59
  63. package/dist/types/product/taskstable/taskstable.recipe.d.ts +0 -3
package/dist/badge.css CHANGED
@@ -27,7 +27,7 @@
27
27
  height: 20px; padding-inline: var(--crisp-space-1); font-size: var(--crisp-text-sm); line-height: 16px; gap: 3px; border-radius: var(--crisp-radius-sm);
28
28
  }
29
29
  .crisp-badge--size_large {
30
- height: var(--crisp-size-chip); padding-inline: 9px; font-size: var(--crisp-text-lg); letter-spacing: -0.1px; border-radius: var(--crisp-radius-chip);
30
+ height: var(--crisp-size-chip); padding-block: var(--crisp-space-px); padding-inline-start: var(--crisp-space-1); padding-inline-end: var(--crisp-space-1-5); font-size: var(--crisp-text-lg); letter-spacing: -0.1px; border-radius: var(--crisp-radius-lg);
31
31
  }
32
32
  .crisp-badge--variant_soft {
33
33
 
@@ -28,7 +28,7 @@
28
28
  height: 20px; padding-inline: var(--crisp-space-1); font-size: var(--crisp-text-sm); line-height: 16px; gap: 3px; border-radius: var(--crisp-radius-sm);
29
29
  }
30
30
  .crisp-badge--size_large {
31
- height: var(--crisp-size-chip); padding-inline: 9px; font-size: var(--crisp-text-lg); letter-spacing: -0.1px; border-radius: var(--crisp-radius-chip);
31
+ height: var(--crisp-size-chip); padding-block: var(--crisp-space-px); padding-inline-start: var(--crisp-space-1); padding-inline-end: var(--crisp-space-1-5); font-size: var(--crisp-text-lg); letter-spacing: -0.1px; border-radius: var(--crisp-radius-lg);
32
32
  }
33
33
  .crisp-badge--variant_soft {
34
34
 
@@ -106,15 +106,20 @@ const spec = (0, core_1.defineSpec)({
106
106
  gap: "3px",
107
107
  borderRadius: tokens_1.contract.radius.sm,
108
108
  },
109
- // crisp#696: not re-measured this round -- kept exactly as it rendered
110
- // before the base tracking changed to `normal`, by pinning the old
111
- // `-0.1px` here instead. Gap is untouched (base's 4px).
109
+ // crisp#805: measured live against Attio's real status/stage chip
110
+ // (Deals "Deal stage" column, All Deals table view) -- radius 9px, not
111
+ // `radius.chip`'s 7px, and asymmetric padding (room for a leading dot/
112
+ // icon: 1px top/bottom, 6px trailing, 4px leading), not a symmetric
113
+ // 9px. Height/font/tracking are unchanged (still not independently
114
+ // re-measured this round, per #696's own note).
112
115
  large: {
113
116
  height: tokens_1.contract.size.chip,
114
- paddingInline: "9px",
117
+ paddingBlock: tokens_1.contract.space.px,
118
+ paddingInlineStart: tokens_1.contract.space["1"],
119
+ paddingInlineEnd: tokens_1.contract.space["1.5"],
115
120
  fontSize: tokens_1.contract.text.lg,
116
121
  letterSpacing: "-0.1px",
117
- borderRadius: tokens_1.contract.radius.chip,
122
+ borderRadius: tokens_1.contract.radius.lg,
118
123
  },
119
124
  },
120
125
  variant: { soft: {}, solid: {} },
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.COUNTRIES = void 0;
4
+ exports.flagEmoji = flagEmoji;
5
+ exports.countryByIso2 = countryByIso2;
6
+ exports.COUNTRIES = [
7
+ { iso2: "US", name: "United States", dialCode: "1" },
8
+ { iso2: "CA", name: "Canada", dialCode: "1" },
9
+ { iso2: "GB", name: "United Kingdom", dialCode: "44" },
10
+ { iso2: "IE", name: "Ireland", dialCode: "353" },
11
+ { iso2: "FR", name: "France", dialCode: "33" },
12
+ { iso2: "DE", name: "Germany", dialCode: "49" },
13
+ { iso2: "ES", name: "Spain", dialCode: "34" },
14
+ { iso2: "PT", name: "Portugal", dialCode: "351" },
15
+ { iso2: "IT", name: "Italy", dialCode: "39" },
16
+ { iso2: "NL", name: "Netherlands", dialCode: "31" },
17
+ { iso2: "BE", name: "Belgium", dialCode: "32" },
18
+ { iso2: "CH", name: "Switzerland", dialCode: "41" },
19
+ { iso2: "AT", name: "Austria", dialCode: "43" },
20
+ { iso2: "SE", name: "Sweden", dialCode: "46" },
21
+ { iso2: "NO", name: "Norway", dialCode: "47" },
22
+ { iso2: "DK", name: "Denmark", dialCode: "45" },
23
+ { iso2: "FI", name: "Finland", dialCode: "358" },
24
+ { iso2: "PL", name: "Poland", dialCode: "48" },
25
+ { iso2: "CZ", name: "Czechia", dialCode: "420" },
26
+ { iso2: "GR", name: "Greece", dialCode: "30" },
27
+ { iso2: "RO", name: "Romania", dialCode: "40" },
28
+ { iso2: "HU", name: "Hungary", dialCode: "36" },
29
+ { iso2: "UA", name: "Ukraine", dialCode: "380" },
30
+ { iso2: "RU", name: "Russia", dialCode: "7" },
31
+ { iso2: "TR", name: "Turkey", dialCode: "90" },
32
+ { iso2: "IL", name: "Israel", dialCode: "972" },
33
+ { iso2: "AE", name: "United Arab Emirates", dialCode: "971" },
34
+ { iso2: "SA", name: "Saudi Arabia", dialCode: "966" },
35
+ { iso2: "EG", name: "Egypt", dialCode: "20" },
36
+ { iso2: "ZA", name: "South Africa", dialCode: "27" },
37
+ { iso2: "NG", name: "Nigeria", dialCode: "234" },
38
+ { iso2: "KE", name: "Kenya", dialCode: "254" },
39
+ { iso2: "IN", name: "India", dialCode: "91" },
40
+ { iso2: "PK", name: "Pakistan", dialCode: "92" },
41
+ { iso2: "BD", name: "Bangladesh", dialCode: "880" },
42
+ { iso2: "LK", name: "Sri Lanka", dialCode: "94" },
43
+ { iso2: "NP", name: "Nepal", dialCode: "977" },
44
+ { iso2: "CN", name: "China", dialCode: "86" },
45
+ { iso2: "HK", name: "Hong Kong", dialCode: "852" },
46
+ { iso2: "TW", name: "Taiwan", dialCode: "886" },
47
+ { iso2: "JP", name: "Japan", dialCode: "81" },
48
+ { iso2: "KR", name: "South Korea", dialCode: "82" },
49
+ { iso2: "MN", name: "Mongolia", dialCode: "976" },
50
+ { iso2: "VN", name: "Vietnam", dialCode: "84" },
51
+ { iso2: "TH", name: "Thailand", dialCode: "66" },
52
+ { iso2: "SG", name: "Singapore", dialCode: "65" },
53
+ { iso2: "MY", name: "Malaysia", dialCode: "60" },
54
+ { iso2: "ID", name: "Indonesia", dialCode: "62" },
55
+ { iso2: "PH", name: "Philippines", dialCode: "63" },
56
+ { iso2: "AU", name: "Australia", dialCode: "61" },
57
+ { iso2: "NZ", name: "New Zealand", dialCode: "64" },
58
+ { iso2: "MX", name: "Mexico", dialCode: "52" },
59
+ { iso2: "BR", name: "Brazil", dialCode: "55" },
60
+ { iso2: "AR", name: "Argentina", dialCode: "54" },
61
+ { iso2: "CL", name: "Chile", dialCode: "56" },
62
+ { iso2: "CO", name: "Colombia", dialCode: "57" },
63
+ { iso2: "PE", name: "Peru", dialCode: "51" },
64
+ ];
65
+ /** Two Unicode Regional Indicator Symbols spell the flag emoji for `iso2`. */
66
+ function flagEmoji(iso2) {
67
+ return [...iso2.toUpperCase()]
68
+ .map((ch) => String.fromCodePoint(0x1f1e6 - 65 + ch.charCodeAt(0)))
69
+ .join("");
70
+ }
71
+ function countryByIso2(iso2) {
72
+ return exports.COUNTRIES.find((c) => c.iso2 === iso2);
73
+ }