@crisp-ui-kit/crisp 0.32.1 → 0.33.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 (124) hide show
  1. package/README.md +33 -1
  2. package/dist/appshell.css +1 -4
  3. package/dist/appshell.layered.css +1 -4
  4. package/dist/authshell.css +4 -19
  5. package/dist/authshell.layered.css +4 -19
  6. package/dist/avatar.css +2 -1
  7. package/dist/avatar.layered.css +2 -1
  8. package/dist/board.css +1 -4
  9. package/dist/board.layered.css +1 -4
  10. package/dist/breadcrumb.css +0 -1
  11. package/dist/breadcrumb.layered.css +0 -1
  12. package/dist/button.css +14 -6
  13. package/dist/button.layered.css +14 -6
  14. package/dist/card.css +2 -1
  15. package/dist/card.layered.css +2 -1
  16. package/dist/checkbox.css +6 -9
  17. package/dist/checkbox.layered.css +6 -9
  18. package/dist/cjs/components/avatar/avatar.recipe.js +38 -19
  19. package/dist/cjs/components/badge/badge.recipe.js +83 -24
  20. package/dist/cjs/components/button/button.recipe.js +109 -18
  21. package/dist/cjs/components/divider/divider.recipe.js +20 -8
  22. package/dist/cjs/components/progress/progress.recipe.js +50 -10
  23. package/dist/cjs/components/spinner/spinner.recipe.js +15 -7
  24. package/dist/cjs/components/switch/switch.recipe.js +48 -18
  25. package/dist/cjs/core/index.js +4 -1
  26. package/dist/cjs/core/spec.js +71 -0
  27. package/dist/columncalc.css +2 -6
  28. package/dist/columncalc.layered.css +2 -6
  29. package/dist/command.css +9 -11
  30. package/dist/command.layered.css +9 -11
  31. package/dist/datatable.css +9 -19
  32. package/dist/datatable.layered.css +9 -19
  33. package/dist/datepicker.css +15 -80
  34. package/dist/datepicker.layered.css +15 -80
  35. package/dist/datepickerfield.css +3 -18
  36. package/dist/datepickerfield.layered.css +3 -18
  37. package/dist/donutchart.css +1 -2
  38. package/dist/donutchart.layered.css +1 -2
  39. package/dist/entitycard.css +1 -7
  40. package/dist/entitycard.layered.css +1 -7
  41. package/dist/esm/components/avatar/avatar.recipe.js +38 -19
  42. package/dist/esm/components/badge/badge.recipe.js +83 -24
  43. package/dist/esm/components/button/button.recipe.js +109 -18
  44. package/dist/esm/components/divider/divider.recipe.js +20 -8
  45. package/dist/esm/components/progress/progress.recipe.js +50 -10
  46. package/dist/esm/components/spinner/spinner.recipe.js +15 -7
  47. package/dist/esm/components/switch/switch.recipe.js +48 -18
  48. package/dist/esm/core/index.js +1 -0
  49. package/dist/esm/core/spec.js +66 -0
  50. package/dist/fileupload.css +10 -60
  51. package/dist/fileupload.layered.css +10 -60
  52. package/dist/inbox.css +1 -7
  53. package/dist/inbox.layered.css +1 -7
  54. package/dist/input.css +9 -20
  55. package/dist/input.layered.css +9 -20
  56. package/dist/listpage.css +2 -12
  57. package/dist/listpage.layered.css +2 -12
  58. package/dist/menu.css +3 -19
  59. package/dist/menu.layered.css +3 -19
  60. package/dist/multiselect.css +4 -25
  61. package/dist/multiselect.layered.css +4 -25
  62. package/dist/navitem.css +5 -13
  63. package/dist/navitem.layered.css +5 -13
  64. package/dist/onboarding.css +1 -8
  65. package/dist/onboarding.layered.css +1 -8
  66. package/dist/quantitypicker.css +15 -50
  67. package/dist/quantitypicker.layered.css +15 -50
  68. package/dist/radiogroup.css +1 -6
  69. package/dist/radiogroup.layered.css +1 -6
  70. package/dist/recordpage.css +2 -10
  71. package/dist/recordpage.layered.css +2 -10
  72. package/dist/recordpanel.css +1 -13
  73. package/dist/recordpanel.layered.css +1 -13
  74. package/dist/recordstable.css +2 -11
  75. package/dist/recordstable.layered.css +2 -11
  76. package/dist/resizablepanel.css +4 -15
  77. package/dist/resizablepanel.layered.css +4 -15
  78. package/dist/richtext.css +1 -5
  79. package/dist/richtext.layered.css +1 -5
  80. package/dist/select.css +7 -30
  81. package/dist/select.layered.css +7 -30
  82. package/dist/settingsshell.css +2 -7
  83. package/dist/settingsshell.layered.css +2 -7
  84. package/dist/sidebar.css +23 -28
  85. package/dist/sidebar.layered.css +23 -28
  86. package/dist/slider.css +1 -8
  87. package/dist/slider.layered.css +1 -8
  88. package/dist/statcard.css +1 -2
  89. package/dist/statcard.layered.css +1 -2
  90. package/dist/styles.css +194 -652
  91. package/dist/styles.layered.css +194 -652
  92. package/dist/switch.css +1 -5
  93. package/dist/switch.layered.css +1 -5
  94. package/dist/table.css +2 -1
  95. package/dist/table.layered.css +2 -1
  96. package/dist/tabletoolbar.css +1 -3
  97. package/dist/tabletoolbar.layered.css +1 -3
  98. package/dist/tabs.css +1 -5
  99. package/dist/tabs.layered.css +1 -5
  100. package/dist/tasklist.css +1 -8
  101. package/dist/tasklist.layered.css +1 -8
  102. package/dist/textarea.css +2 -13
  103. package/dist/textarea.layered.css +2 -13
  104. package/dist/tooltip.css +2 -1
  105. package/dist/tooltip.layered.css +2 -1
  106. package/dist/trialbanner.css +2 -11
  107. package/dist/trialbanner.layered.css +2 -11
  108. package/dist/types/components/avatar/avatar.d.ts +30 -30
  109. package/dist/types/components/avatar/avatar.recipe.d.ts +136 -49
  110. package/dist/types/components/badge/badge.d.ts +26 -26
  111. package/dist/types/components/badge/badge.recipe.d.ts +169 -45
  112. package/dist/types/components/button/button.d.ts +30 -30
  113. package/dist/types/components/button/button.recipe.d.ts +193 -45
  114. package/dist/types/components/divider/divider.recipe.d.ts +26 -2
  115. package/dist/types/components/progress/progress.recipe.d.ts +49 -2
  116. package/dist/types/components/spinner/spinner.recipe.d.ts +17 -2
  117. package/dist/types/components/switch/switch.recipe.d.ts +57 -3
  118. package/dist/types/core/index.d.ts +1 -0
  119. package/dist/types/core/spec.d.ts +83 -0
  120. package/dist/viewtoggle.css +3 -9
  121. package/dist/viewtoggle.layered.css +3 -9
  122. package/dist/wheelpicker.css +14 -59
  123. package/dist/wheelpicker.layered.css +14 -59
  124. package/package.json +4 -1
package/dist/slider.css CHANGED
@@ -1,11 +1,5 @@
1
1
  .crisp-slider {
2
-
3
- display: flex; flex-direction: column; align-items: stretch;
4
- width: 100%; min-width: 0; gap: var(--crisp-space-0-5);
5
- font-family: var(--crisp-font-sans); user-select: none; touch-action: none;
6
-
7
- /* the position words ("minimum"/"maximum") that ARIA concatenates onto a
8
- thumb's name — read, never drawn */
2
+ display: flex; flex-direction: column; align-items: stretch; width: 100%; min-width: 0; gap: var(--crisp-space-0-5); font-family: var(--crisp-font-sans); user-select: none; touch-action: none; /* the position words ("minimum"/"maximum") that ARIA concatenates onto a thumb's name — read, never drawn */
9
3
  & .crisp-slider-thumblabel {
10
4
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
11
5
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
@@ -44,7 +38,6 @@
44
38
  &[data-disabled] { cursor: not-allowed; }
45
39
  &[data-disabled] .crisp-slider-range { background: var(--crisp-fg-disabled); }
46
40
  &[data-disabled] .crisp-slider-thumb::after { cursor: not-allowed; }
47
-
48
41
  }
49
42
 
50
43
  @media (prefers-reduced-motion: reduce) {
package/dist/slider.layered.css CHANGED
@@ -1,12 +1,6 @@
1
1
  @layer crisp-components {
2
2
  .crisp-slider {
3
-
4
- display: flex; flex-direction: column; align-items: stretch;
5
- width: 100%; min-width: 0; gap: var(--crisp-space-0-5);
6
- font-family: var(--crisp-font-sans); user-select: none; touch-action: none;
7
-
8
- /* the position words ("minimum"/"maximum") that ARIA concatenates onto a
9
- thumb's name — read, never drawn */
3
+ display: flex; flex-direction: column; align-items: stretch; width: 100%; min-width: 0; gap: var(--crisp-space-0-5); font-family: var(--crisp-font-sans); user-select: none; touch-action: none; /* the position words ("minimum"/"maximum") that ARIA concatenates onto a thumb's name — read, never drawn */
10
4
  & .crisp-slider-thumblabel {
11
5
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
12
6
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
@@ -45,7 +39,6 @@
45
39
  &[data-disabled] { cursor: not-allowed; }
46
40
  &[data-disabled] .crisp-slider-range { background: var(--crisp-fg-disabled); }
47
41
  &[data-disabled] .crisp-slider-thumb::after { cursor: not-allowed; }
48
-
49
42
  }
50
43
 
51
44
  @media (prefers-reduced-motion: reduce) {
package/dist/statcard.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .crisp-statcard {
2
- display: flex; flex-direction: column; gap: var(--crisp-space-1-5); box-sizing: border-box; font-family: var(--crisp-font-sans);
3
- -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
2
+ display: flex; flex-direction: column; gap: var(--crisp-space-1-5); box-sizing: border-box; font-family: var(--crisp-font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
4
3
  & .crisp-statcard-label { display: inline-flex; align-items: center; gap: var(--crisp-space-1-5); font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-muted); }
5
4
  & .crisp-statcard-label svg { color: var(--crisp-fg-muted); }
6
5
  & .crisp-statcard-value { font-size: 28px; line-height: 32px; font-weight: var(--crisp-weight-semibold); letter-spacing: -0.4px; color: var(--crisp-fg-primary); }
package/dist/statcard.layered.css CHANGED
@@ -1,7 +1,6 @@
1
1
  @layer crisp-components {
2
2
  .crisp-statcard {
3
- display: flex; flex-direction: column; gap: var(--crisp-space-1-5); box-sizing: border-box; font-family: var(--crisp-font-sans);
4
- -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
3
+ display: flex; flex-direction: column; gap: var(--crisp-space-1-5); box-sizing: border-box; font-family: var(--crisp-font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
5
4
  & .crisp-statcard-label { display: inline-flex; align-items: center; gap: var(--crisp-space-1-5); font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-muted); }
6
5
  & .crisp-statcard-label svg { color: var(--crisp-fg-muted); }
7
6
  & .crisp-statcard-value { font-size: 28px; line-height: 32px; font-weight: var(--crisp-weight-semibold); letter-spacing: -0.4px; color: var(--crisp-fg-primary); }