@navette-js/panels 0.0.0-stage → 1.0.0-beta.1

package/resources/filament/packages/forms/resources/css/components/markdown-editor.css

@@ -0,0 +1,343 @@
+.fi-fo-markdown-editor {
+    --markdown-editor-color-red: #991b1b;
+    --markdown-editor-color-orange: #9a3412;
+    --markdown-editor-color-amber: #92400e;
+    --markdown-editor-color-yellow: #854d0e;
+    --markdown-editor-color-lime: #3f6212;
+    --markdown-editor-color-green: #166534;
+    --markdown-editor-color-emerald: #065f46;
+    --markdown-editor-color-teal: #115e59;
+    --markdown-editor-color-cyan: #155e75;
+    --markdown-editor-color-sky: #075985;
+    --markdown-editor-color-blue: #1e40af;
+    --markdown-editor-color-indigo: #3730a3;
+    --markdown-editor-color-violet: #5b21b6;
+    --markdown-editor-color-purple: #6b21a8;
+    --markdown-editor-color-fuchsia: #86198f;
+    --markdown-editor-color-pink: #9d174d;
+    --markdown-editor-color-rose: #9f1239;
+    --markdown-editor-color-gray: #18181b;
+    --markdown-editor-color-gray-muted: #71717a;
+    --markdown-editor-color-gray-bg: #e4e4e7;
+
+    &:not(.fi-disabled) {
+        @apply max-w-full overflow-hidden font-mono text-sm text-gray-950 dark:text-white;
+    }
+
+    &.fi-disabled {
+        @apply block w-full rounded-lg bg-gray-50 px-3 py-3 text-sm text-gray-500 shadow-xs ring-1 ring-gray-950/10 dark:bg-transparent dark:text-gray-400 dark:ring-white/10;
+
+        &[style*='--min-height'] {
+            min-height: var(--min-height);
+        }
+
+        &[style*='--max-height'] {
+            @apply focus-visible:ring-primary-600 dark:focus-visible:ring-primary-500 overflow-y-auto outline-none focus-visible:ring-2 focus-visible:ring-inset;
+            scrollbar-gutter: stable;
+            max-height: var(--max-height);
+        }
+    }
+
+    & .EasyMDEContainer .CodeMirror {
+        @apply px-4! py-0!;
+    }
+
+    & .fi-fo-markdown-editor-placeholder {
+        @apply text-gray-400 dark:text-gray-500;
+    }
+
+    & .EasyMDEContainer .CodeMirror-lines {
+        @apply py-3!;
+    }
+
+    & .cm-s-easymde .cm-comment {
+        background-color: transparent;
+        color: var(--markdown-editor-color-gray-muted);
+    }
+
+    & .EasyMDEContainer .CodeMirror-cursor {
+        border-color: currentColor;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-keyword {
+        color: var(--markdown-editor-color-violet);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-atom {
+        color: var(--markdown-editor-color-blue);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-number {
+        color: var(--markdown-editor-color-green);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-def {
+        color: var(--markdown-editor-color-blue);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-variable {
+        color: var(--markdown-editor-color-yellow);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-variable-2 {
+        color: var(--markdown-editor-color-blue);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-variable-3 {
+        color: var(--markdown-editor-color-emerald);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-property {
+        color: var(--markdown-editor-color-gray);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-operator {
+        color: var(--markdown-editor-color-gray);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-string {
+        color: var(--markdown-editor-color-rose);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-string-2 {
+        color: var(--markdown-editor-color-rose);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-meta {
+        color: var(--markdown-editor-color-gray-muted);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-error {
+        color: var(--markdown-editor-color-red);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-qualifier {
+        color: var(--markdown-editor-color-gray-muted);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-builtin {
+        color: var(--markdown-editor-color-violet);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-bracket {
+        color: var(--markdown-editor-color-gray-muted);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-tag {
+        color: var(--markdown-editor-color-green);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-attribute {
+        color: var(--markdown-editor-color-blue);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-hr {
+        color: var(--markdown-editor-color-gray-muted);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-quote {
+        color: var(--markdown-editor-color-sky);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-quote ~ .cm-quote {
+        color: var(--markdown-editor-color-gray-muted);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-list,
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-list ~ .cm-variable-2,
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-list ~ .cm-variable-3,
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-list ~ .cm-keyword,
+    & .EasyMDEContainer .cm-s-easymde .cm-tab ~ .cm-variable-2,
+    & .EasyMDEContainer .cm-s-easymde .cm-tab ~ .cm-variable-3,
+    & .EasyMDEContainer .cm-s-easymde .cm-tab ~ .cm-keyword {
+        color: var(--markdown-editor-color-gray);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-link {
+        color: var(--markdown-editor-color-blue);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-tag {
+        color: var(--markdown-editor-color-red);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-attribute {
+        color: var(--markdown-editor-color-amber);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-attribute + .cm-string {
+        color: var(--markdown-editor-color-green);
+    }
+
+    &
+        .EasyMDEContainer
+        .cm-s-easymde
+        .cm-formatting-code
+        + .cm-comment:not(.cm-formatting-code) {
+        background-color: var(--markdown-editor-color-gray-bg);
+        color: var(--markdown-editor-color-gray);
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-header-1 {
+        @apply text-3xl;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-header-2 {
+        @apply text-2xl;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-header-3 {
+        @apply text-xl;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-header-4 {
+        @apply text-lg;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-header-5 {
+        @apply text-base;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-header-6 {
+        @apply text-sm;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-comment {
+        @apply bg-none;
+    }
+
+    & .EasyMDEContainer .cm-s-easymde .cm-formatting-code-block,
+    & .EasyMDEContainer .cm-s-easymde .cm-tab ~ .cm-comment {
+        @apply bg-transparent text-inherit;
+    }
+
+    & .EasyMDEContainer .CodeMirror {
+        @apply border-none bg-transparent px-3 py-1.5 text-inherit;
+    }
+
+    & .EasyMDEContainer .CodeMirror-scroll {
+        @apply h-auto;
+    }
+
+    & .EasyMDEContainer .editor-toolbar {
+        @apply flex flex-wrap gap-1 rounded-none border-0 border-b border-gray-200 px-2.5 py-2 dark:border-white/10;
+    }
+
+    & .EasyMDEContainer .editor-toolbar button {
+        @apply grid! size-8 place-content-center rounded-lg border-none p-0 transition duration-75 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5;
+    }
+
+    & .EasyMDEContainer .editor-toolbar button.active {
+        @apply bg-gray-50 dark:bg-white/5;
+    }
+
+    & .EasyMDEContainer .editor-toolbar button::before {
+        @apply block size-5 bg-gray-700;
+        content: '';
+        mask-position: center;
+        mask-repeat: no-repeat;
+    }
+
+    & .EasyMDEContainer .editor-toolbar button.active::before {
+        @apply bg-primary-600;
+    }
+
+    & .EasyMDEContainer .editor-toolbar .separator {
+        @apply m-0! w-1 border-none;
+    }
+
+    & .EasyMDEContainer .editor-toolbar .bold::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .italic::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .strikethrough::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .link::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .heading::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12h10' /%3E%3Cpath d='M7 5v14' /%3E%3Cpath d='M17 5v14' /%3E%3Cpath d='M15 19h4' /%3E%3Cpath d='M15 5h4' /%3E%3Cpath d='M5 19h4' /%3E%3Cpath d='M5 5h4' /%3E%3C/svg%3E");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .quote::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .code::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .unordered-list::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .ordered-list::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .table::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .upload-image::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .undo::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-toolbar .redo::before {
+        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
+    }
+
+    & .EasyMDEContainer .editor-statusbar {
+        @apply hidden;
+    }
+
+    @variant dark {
+        --markdown-editor-color-red: #f87171;
+        --markdown-editor-color-orange: #fb923c;
+        --markdown-editor-color-amber: #fbbf24;
+        --markdown-editor-color-yellow: #facc15;
+        --markdown-editor-color-lime: #a3e635;
+        --markdown-editor-color-green: #4ade80;
+        --markdown-editor-color-emerald: #4ade80;
+        --markdown-editor-color-teal: #2dd4bf;
+        --markdown-editor-color-cyan: #22d3ee;
+        --markdown-editor-color-sky: #38bdf8;
+        --markdown-editor-color-blue: #60a5fa;
+        --markdown-editor-color-indigo: #818cf8;
+        --markdown-editor-color-violet: #a78bfa;
+        --markdown-editor-color-purple: #c084fc;
+        --markdown-editor-color-fuchsia: #e879f9;
+        --markdown-editor-color-pink: #f472b6;
+        --markdown-editor-color-rose: #fb7185;
+        --markdown-editor-color-gray: #fafafa;
+        --markdown-editor-color-gray-muted: #a1a1aa;
+        --markdown-editor-color-gray-bg: #52525b;
+
+        & .EasyMDEContainer .cm-s-easymde span.CodeMirror-selectedtext {
+            filter: invert(100%);
+        }
+
+        & .EasyMDEContainer .editor-toolbar button::before {
+            @apply bg-gray-300;
+        }
+
+        & .EasyMDEContainer .editor-toolbar button.active::before {
+            @apply bg-primary-400;
+        }
+    }
+}
+
+[x-sortable]:has(.fi-sortable-ghost) .fi-fo-markdown-editor {
+    pointer-events: none;
+}

package/resources/filament/packages/forms/resources/css/components/modal-table-select.css

@@ -0,0 +1,17 @@
+.fi-fo-modal-table-select {
+    &:not(.fi-fo-modal-table-select-multiple) {
+        @apply flex items-start gap-x-3 leading-5;
+    }
+
+    &.fi-fo-modal-table-select-multiple {
+        @apply grid gap-2;
+
+        & .fi-fo-modal-table-select-badges-ctn {
+            @apply flex flex-wrap gap-1.5;
+        }
+    }
+
+    & .fi-fo-modal-table-select-placeholder {
+        @apply text-gray-400 dark:text-gray-500;
+    }
+}

package/resources/filament/packages/forms/resources/css/components/radio.css

@@ -0,0 +1,41 @@
+.fi-fo-radio {
+    @apply gap-4;
+
+    &.fi-inline {
+        @apply flex flex-wrap;
+    }
+
+    &:not(.fi-inline).fi-grid-direction-col {
+        @apply -mt-4;
+
+        & > .fi-fo-radio-label {
+            @apply break-inside-avoid pt-4;
+        }
+    }
+
+    & > .fi-fo-radio-label {
+        @apply flex gap-x-3 self-start;
+
+        & > .fi-radio-input {
+            @apply mt-1 shrink-0;
+        }
+
+        & > .fi-fo-radio-label-text {
+            @apply grid text-sm leading-6 font-medium text-gray-950 dark:text-white;
+        }
+
+        & .fi-fo-radio-label-description {
+            @apply font-normal text-gray-500 dark:text-gray-400;
+        }
+
+        &:has(.fi-radio-input:disabled) {
+            & > .fi-fo-radio-label-text {
+                @apply text-gray-400 dark:text-gray-500;
+            }
+
+            & .fi-fo-radio-label-description {
+                @apply text-gray-300 dark:text-gray-600;
+            }
+        }
+    }
+}