@crystallize/design-system 1.24.33 → 1.24.34

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @crystallize/design-system
2
2
 
3
+ ## 1.24.34
4
+
5
+ ### Patch Changes
6
+
7
+ - 9113209: When dropdown height is too big make it so it does not touch the screen
8
+
3
9
  ## 1.24.33
4
10
 
5
11
  ### Patch Changes
package/dist/index.css CHANGED
@@ -777,7 +777,7 @@
777
777
  .c-dropdown-menu-content {
778
778
  animation-duration: 0.4s;
779
779
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
780
- max-height: var(--radix-dropdown-menu-content-available-height);
780
+ max-height: calc(var(--radix-dropdown-menu-content-available-height) - 8px);
781
781
  scrollbar-width: thin;
782
782
  z-index: 100;
783
783
  overflow: auto;
@@ -1412,7 +1412,7 @@
1412
1412
  .c-dropdown-menu-content {
1413
1413
  animation-duration: 0.4s;
1414
1414
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1415
- max-height: var(--radix-dropdown-menu-content-available-height);
1415
+ max-height: calc(var(--radix-dropdown-menu-content-available-height) - 8px);
1416
1416
  scrollbar-width: thin;
1417
1417
  z-index: 100;
1418
1418
  overflow: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystallize/design-system",
3
- "version": "1.24.33",
3
+ "version": "1.24.34",
4
4
  "types": "./dist/index.d.ts",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -1,7 +1,7 @@
1
1
  .c-dropdown-menu-content {
2
2
  animation-duration: 0.4s;
3
3
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
4
- max-height: var(--radix-dropdown-menu-content-available-height);
4
+ max-height: calc(var(--radix-dropdown-menu-content-available-height) - 8px);
5
5
  scrollbar-width: thin;
6
6
  @apply z-[100] overflow-auto rounded border border-solid border-purple-200-700 bg-white shadow;
7
7
  }