@mintlify/components 0.1.54 → 0.1.55

package/dist/main.css

@@ -1318,12 +1318,6 @@ video {
 .left-1\/2 {
   left: 50%;
 }
-.right-2 {
-  right: 0.5rem;
-}
-.top-\[7px\] {
-  top: 7px;
-}
 .-top-px {
   top: -1px;
 }
@@ -1342,6 +1336,12 @@ video {
 .right-5 {
   right: 1.25rem;
 }
+.right-2 {
+  right: 0.5rem;
+}
+.top-\[7px\] {
+  top: 7px;
+}
 .z-10 {
   z-index: 10;
 }
@@ -1363,14 +1363,6 @@ video {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 }
-.-mx-1\.5 {
-  margin-left: -0.375rem;
-  margin-right: -0.375rem;
-}
-.-mx-1 {
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
-}
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1379,6 +1371,14 @@ video {
   margin-left: 6px;
   margin-right: 6px;
 }
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -1493,20 +1493,14 @@ video {
 .h-3 {
   height: 0.75rem;
 }
-.h-7 {
-  height: 1.75rem;
-}
 .h-\[1\.125rem\] {
   height: 1.125rem;
 }
 .h-\[1\.15rem\] {
   height: 1.15rem;
 }
-.max-h-60 {
-  max-height: 15rem;
-}
-.max-h-72 {
-  max-height: 18rem;
+.h-7 {
+  height: 1.75rem;
 }
 .w-4 {
   width: 1rem;
@@ -1557,12 +1551,12 @@ video {
 .flex-none {
   flex: none;
 }
-.flex-initial {
-  flex: 0 1 auto;
-}
 .flex-auto {
   flex: 1 1 auto;
 }
+.flex-initial {
+  flex: 0 1 auto;
+}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1622,18 +1616,18 @@ video {
   margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
   margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
@@ -1658,9 +1652,6 @@ video {
 .overflow-visible {
   overflow: visible;
 }
-.overflow-scroll {
-  overflow: scroll;
-}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1672,9 +1663,6 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.whitespace-pre {
-  white-space: pre;
-}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1727,12 +1715,12 @@ video {
 .border-l {
   border-left-width: 1px;
 }
-.border-t {
-  border-top-width: 1px;
-}
 .border-b-2 {
   border-bottom-width: 2px;
 }
+.border-t {
+  border-top-width: 1px;
+}
 .border-r {
   border-right-width: 1px;
 }
@@ -1887,18 +1875,15 @@ video {
 .fill-slate-400 {
   fill: #94a3b8;
 }
+.fill-white {
+  fill: #fff;
+}
 .fill-slate-500 {
   fill: #64748b;
 }
-.fill-slate-600 {
-  fill: #475569;
-}
 .fill-red-600 {
   fill: #dc2626;
 }
-.fill-white {
-  fill: #fff;
-}
 .stroke-slate-700 {
   stroke: #334155;
 }
@@ -1949,6 +1934,14 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -1961,18 +1954,6 @@ video {
   padding-top: 0px;
   padding-bottom: 0px;
 }
-.px-3\.5 {
-  padding-left: 0.875rem;
-  padding-right: 0.875rem;
-}
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
 .pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -1982,9 +1963,6 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
-.pt-2 {
-  padding-top: 0.5rem;
-}
 .pt-3\.5 {
   padding-top: 0.875rem;
 }
@@ -1994,6 +1972,9 @@ video {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-2 {
+  padding-top: 0.5rem;
+}
 .pr-4 {
   padding-right: 1rem;
 }
@@ -2133,10 +2114,6 @@ video {
   --tw-text-opacity: 1;
   color: rgba(248, 250, 252, var(--tw-text-opacity));
 }
-.text-red-600 {
-  --tw-text-opacity: 1;
-  color: rgba(220, 38, 38, var(--tw-text-opacity));
-}
 .text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -2145,6 +2122,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(202, 138, 4, var(--tw-text-opacity));
 }
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
 .text-orange-600 {
   --tw-text-opacity: 1;
   color: rgba(234, 88, 12, var(--tw-text-opacity));
@@ -2205,14 +2186,21 @@ video {
   -webkit-mask-image: linear-gradient(0deg,#fff,rgba(255,255,255,0.6));
           mask-image: linear-gradient(0deg,#fff,rgba(255,255,255,0.6));
 }
-.hover\:border-slate-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+
+/* Disable browser's default styling on select tags */
+select {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
 }
 .hover\:border-slate-300:hover {
   --tw-border-opacity: 1;
   border-color: rgba(203, 213, 225, var(--tw-border-opacity));
 }
+.hover\:border-slate-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .hover\:border-red-800:hover {
   --tw-border-opacity: 1;
   border-color: rgba(153, 27, 27, var(--tw-border-opacity));
@@ -2244,10 +2232,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
 }
-.hover\:bg-slate-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
-}
 .hover\:bg-green-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
@@ -2272,12 +2256,16 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
 }
-.hover\:fill-red-800:hover {
-  fill: #991b1b;
+.hover\:bg-slate-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
 }
 .hover\:fill-slate-300:hover {
   fill: #cbd5e1;
 }
+.hover\:fill-red-800:hover {
+  fill: #991b1b;
+}
 .hover\:text-indigo-700:hover {
   --tw-text-opacity: 1;
   color: rgba(67, 56, 202, var(--tw-text-opacity));
@@ -2581,10 +2569,6 @@ video {
   --tw-text-opacity: 1;
   color: rgba(226, 232, 240, var(--tw-text-opacity));
 }
-.dark .dark\:text-red-400 {
-  --tw-text-opacity: 1;
-  color: rgba(248, 113, 113, var(--tw-text-opacity));
-}
 .dark .dark\:text-green-500 {
   --tw-text-opacity: 1;
   color: rgba(34, 197, 94, var(--tw-text-opacity));
@@ -2605,6 +2589,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(249, 115, 22, var(--tw-text-opacity));
 }
+.dark .dark\:text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
 .dark .dark\:text-pink-300 {
   --tw-text-opacity: 1;
   color: rgba(249, 168, 212, var(--tw-text-opacity));
@@ -2623,10 +2611,6 @@ video {
   -webkit-mask-image: linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));
           mask-image: linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));
 }
-.dark .dark\:hover\:border-slate-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
-}
 .dark .dark\:hover\:border-slate-400:hover {
   --tw-border-opacity: 1;
   border-color: rgba(148, 163, 184, var(--tw-border-opacity));
@@ -2635,6 +2619,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
 }
+.dark .dark\:hover\:border-slate-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
+}
 .dark .dark\:hover\:border-red-400:hover {
   --tw-border-opacity: 1;
   border-color: rgba(248, 113, 113, var(--tw-border-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/components",
-  "version": "0.1.54",
+  "version": "0.1.55",
   "description": "Open-source library of UI components made with React and TailwindCSS.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -43,6 +43,7 @@
     "@storybook/react": "^6.5.13",
     "@storybook/testing-library": "^0.0.13",
     "@tailwindcss/typography": "^0.5.7",
+    "@types/lodash.set": "^4.3.7",
     "@types/react": "^18.0.21",
     "autoprefixer": "^10.4.8",
     "babel-loader": "^8.2.5",
@@ -72,6 +73,7 @@
     "@headlessui/react": "^1.7.3",
     "assert": "^2.0.0",
     "clsx": "^1.1.1",
-    "is-absolute-url": "^4.0.1"
+    "is-absolute-url": "^4.0.1",
+    "lodash.set": "^4.3.2"
   }
 }

package/dist/Api/ApiInput.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ApiInputValue, Param } from "./types";
-export declare function ApiInput({ param, value, onChangeParam, onObjectPropertyChange, onArrayItemChange, onDeleteArrayItem, parentInputs, }: {
-    param: Param;
-    value: ApiInputValue;
-    onChangeParam: (parentInputs: string[], paramName: string, value: ApiInputValue) => void;
-    onObjectPropertyChange?: (value: any) => void;
-    onArrayItemChange?: (value: any) => void;
-    onDeleteArrayItem?: () => void;
-    parentInputs?: string[];
-}): JSX.Element;