django-smartbase-admin 1.0.14__py3-none-any.whl → 1.0.15__py3-none-any.whl

django_smartbase_admin/static/sb_admin/sprites/sb_admin/Moon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4543 3.13222C6.22025 3.86506 3 7.55646 3 12C3 16.9706 7.02943 21 12 21C16.4435 21 20.1349 17.7798 20.8678 13.5457C19.5336 14.8927 17.6829 15.7273 15.6363 15.7273C11.5695 15.7273 8.27275 12.4305 8.27275 8.36365C8.27275 6.31709 9.10731 4.46636 10.4543 3.13222ZM1 12C1 5.92487 5.92487 1 12 1C12.7624 1 13.5076 1.0777 14.2279 1.22596C14.6832 1.31966 15.0139 1.71473 15.026 2.1794C15.0381 2.64407 14.7284 3.05581 14.2786 3.17308C11.9732 3.77414 10.2727 5.87156 10.2727 8.36365C10.2727 11.3259 12.6741 13.7273 15.6363 13.7273C18.1285 13.7273 20.2259 12.0268 20.8269 9.72138C20.9442 9.27159 21.3559 8.9619 21.8206 8.97399C22.2852 8.98607 22.6803 9.31674 22.774 9.77202C22.9223 10.4923 23 11.2376 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"/>
+</svg>

django_smartbase_admin/static/sb_admin/sprites/sb_admin/Sun-one.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C12.6903 3 13.25 2.44036 13.25 1.75C13.25 1.05964 12.6903 0.5 12 0.5C11.3097 0.5 10.75 1.05964 10.75 1.75C10.75 2.44036 11.3097 3 12 3ZM4.5 12C4.5 7.85787 7.85787 4.5 12 4.5C16.1421 4.5 19.5 7.85787 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85787 19.5 4.5 16.1421 4.5 12ZM12 6.5C8.96243 6.5 6.5 8.96243 6.5 12C6.5 15.0376 8.96243 17.5 12 17.5C15.0376 17.5 17.5 15.0376 17.5 12C17.5 8.96243 15.0376 6.5 12 6.5ZM20.5 4.75C20.5 5.44035 19.9403 6 19.25 6C18.5597 6 18 5.44035 18 4.75C18 4.05964 18.5597 3.5 19.25 3.5C19.9403 3.5 20.5 4.05964 20.5 4.75ZM22.25 13.25C22.9403 13.25 23.5 12.6903 23.5 12C23.5 11.3097 22.9403 10.75 22.25 10.75C21.5597 10.75 21 11.3097 21 12C21 12.6903 21.5597 13.25 22.25 13.25ZM20.5 19.25C20.5 19.9403 19.9403 20.5 19.25 20.5C18.5597 20.5 18 19.9403 18 19.25C18 18.5597 18.5597 18 19.25 18C19.9403 18 20.5 18.5597 20.5 19.25ZM12 23.5C12.6903 23.5 13.25 22.9403 13.25 22.25C13.25 21.5597 12.6903 21 12 21C11.3097 21 10.75 21.5597 10.75 22.25C10.75 22.9403 11.3097 23.5 12 23.5ZM6 19.25C6 19.9403 5.44035 20.5 4.75 20.5C4.05964 20.5 3.5 19.9403 3.5 19.25C3.5 18.5597 4.05964 18 4.75 18C5.44035 18 6 18.5597 6 19.25ZM1.75 13.25C2.44036 13.25 3 12.6903 3 12C3 11.3097 2.44036 10.75 1.75 10.75C1.05964 10.75 0.5 11.3097 0.5 12C0.5 12.6903 1.05964 13.25 1.75 13.25ZM6 4.75C6 5.44035 5.44035 6 4.75 6C4.05964 6 3.5 5.44035 3.5 4.75C3.5 4.05964 4.05964 3.5 4.75 3.5C5.44035 3.5 6 4.05964 6 4.75Z"/>
+</svg>

django_smartbase_admin/static/sb_admin/src/css/_base.css

@@ -6,7 +6,7 @@
     }
 
     body {
-        @apply font-body text-dark bg-dark-100;
+        @apply font-body text-dark bg-bg;
     }
 
     svg {

django_smartbase_admin/static/sb_admin/src/css/_colors.css

@@ -1,84 +1,259 @@
-@layer base {
-    :root {
-        --color-light: #ffffff;
-        --color-transparent: rgb(0 0 0 / 0%);
-
-        --color-dark-900: #111827;
-        --color-dark-800: #1F2937;
-        --color-dark-700: #374151;
-        --color-dark-600: #4B5563;
-        --color-dark: #6B7280;
-        --color-dark-400: #9CA3AF;
-        --color-dark-300: #D1D5DB;
-        --color-dark-200: #E5E7EB;
-        --color-dark-100: #F3F4F6;
-        --color-dark-50: #F9FAFB;
-        --color-dark-a: 17 24 39; /* rgb value from which the alpha values are generated */
-
-        --color-primary-900: #002729;
-        --color-primary-800: #003A3D;
-        --color-primary-700: #006166;
-        --color-primary-600: #008188;
-        --color-primary: #00959D;
-        --color-primary-400: #00C2CC;
-        --color-primary-300: #59D3DA;
-        --color-primary-200: #99E7EB;
-        --color-primary-100: #D3F6F8;
-        --color-primary-50: #EDFAFB;
-
-        --color-secondary-900: #3D2500;
-        --color-secondary-800: #7A4901;
-        --color-secondary-700: #A26201;
-        --color-secondary-600: #CB7A01;
-        --color-secondary: #F18F01;
-        --color-secondary-400: #FEA520;
-        --color-secondary-300: #FEB548;
-        --color-secondary-200: #FEC671;
-        --color-secondary-100: #FFDEAE;
-        --color-secondary-50: #FFF7EB;
-
-        --color-success-900: #064E3B;
-        --color-success-800: #065F46;
-        --color-success-700: #047857;
-        --color-success-600: #059669;
-        --color-success: #10B981;
-        --color-success-400: #34D399;
-        --color-success-300: #6EE7B7;
-        --color-success-200: #A7F3D0;
-        --color-success-100: #D1FAE5;
-        --color-success-50: #ECFDF5;
-
-        --color-warning-900: #78350F;
-        --color-warning-800: #78350F;
-        --color-warning-700: #B45309;
-        --color-warning-600: #D97706;
-        --color-warning: #F59E0B;
-        --color-warning-400: #FBBF24;
-        --color-warning-300: #FCD34D;
-        --color-warning-200: #FDE68A;
-        --color-warning-100: #FEF3C7;
-        --color-warning-50: #FFFBEB;
-
-        --color-negative-900: #330000;
-        --color-negative-800: #660000;
-        --color-negative-700: #990000;
-        --color-negative-600: #CC0000;
-        --color-negative: #FF0917;
-        --color-negative-400: #FF3A45;
-        --color-negative-300: #FF6B74;
-        --color-negative-200: #FF9DA2;
-        --color-negative-100: #FFCED1;
-        --color-negative-50: #FFE6E8;
-
-        --color-notice-900: #0C4A6E;
-        --color-notice-800: #075985;
-        --color-notice-700: #0369A1;
-        --color-notice-600: #0284C7;
-        --color-notice: #0EA5E9;
-        --color-notice-400: #38BDF8;
-        --color-notice-300: #7DD3FC;
-        --color-notice-200: #BAE6FD;
-        --color-notice-100: #F0F9FF;
-        --color-notice-50: #F0F9FF;
+:root {
+    --color-light: #ffffff;
+    --color-transparent: rgb(0 0 0 / 0%);
+    --color-light-a: 0 0 0;
+
+    --color-dark-900: #111827;
+    --color-dark-800: #1F2937;
+    --color-dark-700: #374151;
+    --color-dark-600: #4B5563;
+    --color-dark: #6B7280;
+    --color-dark-400: #9CA3AF;
+    --color-dark-300: #D1D5DB;
+    --color-dark-200: #E5E7EB;
+    --color-dark-100: #F3F4F6;
+    --color-dark-50: #F9FAFB;
+    --color-dark-a: 17 24 39; /* rgb value from which the alpha values are generated */
+
+    --color-primary-900: #002729;
+    --color-primary-800: #003A3D;
+    --color-primary-700: #006166;
+    --color-primary-600: #008188;
+    --color-primary: #00959D;
+    --color-primary-400: #00C2CC;
+    --color-primary-300: #59D3DA;
+    --color-primary-200: #99E7EB;
+    --color-primary-100: #D3F6F8;
+    --color-primary-50: #EDFAFB;
+
+    --color-secondary-900: #3D2500;
+    --color-secondary-800: #7A4901;
+    --color-secondary-700: #A26201;
+    --color-secondary-600: #CB7A01;
+    --color-secondary: #F18F01;
+    --color-secondary-400: #FEA520;
+    --color-secondary-300: #FEB548;
+    --color-secondary-200: #FEC671;
+    --color-secondary-100: #FFDEAE;
+    --color-secondary-50: #FFF7EB;
+
+    --color-success-900: #064E3B;
+    --color-success-800: #065F46;
+    --color-success-700: #047857;
+    --color-success-600: #059669;
+    --color-success: #10B981;
+    --color-success-400: #34D399;
+    --color-success-300: #6EE7B7;
+    --color-success-200: #A7F3D0;
+    --color-success-100: #D1FAE5;
+    --color-success-50: #ECFDF5;
+
+    --color-warning-900: #78350F;
+    --color-warning-800: #78350F;
+    --color-warning-700: #B45309;
+    --color-warning-600: #D97706;
+    --color-warning: #F59E0B;
+    --color-warning-400: #FBBF24;
+    --color-warning-300: #FCD34D;
+    --color-warning-200: #FDE68A;
+    --color-warning-100: #FEF3C7;
+    --color-warning-50: #FFFBEB;
+
+    --color-negative-900: #330000;
+    --color-negative-800: #660000;
+    --color-negative-700: #990000;
+    --color-negative-600: #CC0000;
+    --color-negative: #FF0917;
+    --color-negative-400: #FF3A45;
+    --color-negative-300: #FF6B74;
+    --color-negative-200: #FF9DA2;
+    --color-negative-100: #FFCED1;
+    --color-negative-50: #FFE6E8;
+
+    --color-notice-900: #0C4A6E;
+    --color-notice-800: #075985;
+    --color-notice-700: #0369A1;
+    --color-notice-600: #0284C7;
+    --color-notice: #0EA5E9;
+    --color-notice-400: #38BDF8;
+    --color-notice-300: #7DD3FC;
+    --color-notice-200: #BAE6FD;
+    --color-notice-100: #F0F9FF;
+    --color-notice-50: #F0F9FF;
+
+    --color-bg: var(--color-dark-100);
+    --color-bg-elevated: var(--color-light);
+    --color-bg-input: var(--color-light);
+}
+
+.dark-style {
+    --color-light: #111827;
+    --color-transparent: rgb(0 0 0 / 0%);
+    --color-light-a: 17 24 39;
+
+    --color-dark-900: #FFFFFF;
+    --color-dark-800: #F3F4F6;
+    --color-dark-700: #E5E7EB;
+    --color-dark-600: #D1D5DB;
+    --color-dark: #9CA3AF;
+    --color-dark-400: #6B7280;
+    --color-dark-300: #4B5563;
+    --color-dark-200: #374151;
+    --color-dark-100: #1F2937;
+    --color-dark-50: #1F2937;
+    --color-dark-a: 255 255 255; /* rgb value from which the alpha values are generated */
+
+    /*--color-primary-900: #002729;*/
+    /*--color-primary-800: #003A3D;*/
+    --color-primary-700: #00959D; /*#59D3DA*/
+    --color-primary-600: #00C2CC;
+    --color-primary: #00C2CC;
+    --color-primary-400: #008188;
+    /*--color-primary-300: #59D3DA;*/
+    --color-primary-200: #006166;
+    --color-primary-100: #003A3D;
+    --color-primary-50: #002729;
+
+    /*--color-secondary-900: #3D2500;*/
+    /*--color-secondary-800: #7A4901;*/
+    --color-secondary-700: #CB7A01;
+    --color-secondary-600: #F18F01;
+    --color-secondary: #FEA520;
+    --color-secondary-400: #FEA520;
+    /*--color-secondary-300: #FEB548;*/
+    --color-secondary-200: #A26201;
+    --color-secondary-100: #7A4901;
+    --color-secondary-50: #3D2500;
+
+    --color-success-900: #D1FAE5;
+    --color-success-800: #A7F3D0;
+    --color-success-700: #6EE7B7;
+    --color-success-600: #10B981;
+    --color-success: #34D399;
+    /*--color-success-400: #34D399;*/
+    /*--color-success-300: #6EE7B7;*/
+    --color-success-200: #047857;
+    --color-success-100: #064E3B;
+    --color-success-50: #064E3B;
+
+    --color-warning-900: #FEF3C7;
+    --color-warning-800: #FDE68A;
+    --color-warning-700: #FCD34D;
+    --color-warning-600: #F59E0B;
+    --color-warning: #FBBF24;
+    /*--color-warning-400: #FBBF24;*/
+    /*--color-warning-300: #FCD34D;*/
+    --color-warning-200: #B45309;
+    --color-warning-100: #78350F;
+    --color-warning-50: #78350F;
+
+    --color-negative-900: #FFCED1;
+    --color-negative-800: #FF9DA2;
+    --color-negative-700: #FF6B74;
+    --color-negative-600: #FF0917;
+    --color-negative: #FF3A45;
+    --color-negative-400: #990000;
+    --color-negative-300: #660000;
+    --color-negative-200: #330000;
+    --color-negative-100: #330000;
+    --color-negative-50: #330000;
+
+    --color-notice-900: #E0F2FE;
+    --color-notice-800: #BAE6FD;
+    --color-notice-700: #7DD3FC;
+    --color-notice-600: #0EA5E9;
+    --color-notice: #38BDF8;
+    /*--color-notice-400: #38BDF8;*/
+    /*--color-notice-300: #7DD3FC;*/
+    --color-notice-200: #0369A1;
+    --color-notice-100: #0C4A6E;
+    --color-notice-50: #0C4A6E;
+
+    --color-bg: #111827;
+    --color-bg-elevated: #1F2937;
+    --color-bg-input: #2B3645;
+
+    /* filler colors */
+    --dca-white: #111827;
+    --dca-black: #ffffff;
+    --dca-gray: #9CA3AF;
+    --dca-gray-lightest: #1F2937;
+    --dca-gray-lighter:  #374151;
+    --dca-gray-light: #6B7280;
+    --dca-gray-darker: #E5E7EB;
+    --dca-gray-darkest: #F3F4F6;
+    --dca-gray-super-lightest: #1F2937;
+}
+
+@media (prefers-color-scheme: dark) {
+    html:not([data-theme="light"]) {
+        @extend .dark-style;
+        .tabulator .tabulator-header {
+            @apply bg-light-a/50;
+        }
+
+        input.checkbox,
+        div.checkbox > input[type="checkbox"] {
+            & ~ label {
+                &::after {
+                    filter: invert(1);
+                }
+            }
+        }
+        .fancytree-checkbox:after {
+            filter: invert(1);
+        }
+
+        .btn-secondary {
+            @apply text-light;
+        }
+
+        .cke_button_icon {
+            filter: invert(1) !important;
+        }
+        .cke_top,
+        .cke_bottom {
+            @apply bg-bg;
+        }
+        .cke_combo_text,
+        .cke_button_label {
+            @apply text-dark;
+        }
+    }
+}
+
+html[data-theme="dark"] {
+    @extend .dark-style;
+
+    .tabulator .tabulator-header {
+        @apply bg-light-a/50;
+    }
+
+    input.checkbox,
+    div.checkbox > input[type="checkbox"] {
+        & ~ label {
+            &::after {
+                filter: invert(1);
+            }
+        }
+    }
+    .fancytree-checkbox:after {
+        filter: invert(1);
+    }
+
+    .btn-secondary {
+        @apply text-light;
+    }
+
+    .cke_button_icon {
+        filter: invert(1) !important;
+    }
+    .cke_top,
+    .cke_bottom {
+        @apply bg-bg;
+    }
+    .cke_combo_text,
+    .cke_button_label {
+        @apply text-dark;
     }
 }

django_smartbase_admin/static/sb_admin/src/css/_components.css

@@ -8,7 +8,7 @@
 
 @layer components {
     .card {
-        @apply bg-light sm:rounded border border-dark-200 p-20 md:p-24 max-xs:border-b-0 max-xs:py-32 min-w-0;
+        @apply bg-bg-elevated sm:rounded border border-dark-200 p-20 md:p-24 max-xs:border-b-0 max-xs:py-32 min-w-0;
         >header {
             @apply flex items-center text-18 mb-24 font-semibold;
         }

django_smartbase_admin/static/sb_admin/src/css/_tabulator.css

@@ -51,7 +51,7 @@
     vertical-align: bottom;
     overflow: hidden;
     @apply transition-colors;
-    @apply bg-dark-50 text-dark-600;
+    @apply text-dark-600;
 }
 
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
@@ -391,7 +391,7 @@
 .tabulator-row {
     position: relative;
     box-sizing: border-box;
-    @apply bg-light min-h-40 border-b border-dark-200 cursor-pointer;
+    @apply bg-bg-elevated min-h-40 border-b border-dark-200 cursor-pointer;
     @apply transition-colors;
 }
 

django_smartbase_admin/static/sb_admin/src/css/calendar.css

@@ -2,13 +2,13 @@
     --fc-small-font-size: .75rem;
     --fc-border-color: var(--color-dark-200);
     --fc-today-bg-color: var(--color-primary-50);
-    --fc-neutral-bg-color: var(--color-dark-100);
+    --fc-neutral-bg-color: var(--color-bg-elevated);
 }
 
 .fc-theme-standard {
     th.fc-col-header-cell {
         @apply px-24 py-8;
-        @apply bg-dark-100;
+        @apply bg-bg;
     }
     td.fc-daygrid-day {
         @apply p-8;
@@ -29,7 +29,7 @@
     }
 
     .fc-day-other {
-        @apply bg-dark-100;
+        @apply bg-bg;
         .fc-daygrid-day-top {
             opacity: 1;
             .fc-daygrid-day-number {

django_smartbase_admin/static/sb_admin/src/css/components/_button.css

@@ -4,7 +4,7 @@
         @apply h-40;
         @apply px-16;
         @apply rounded border border-dark-200;
-        @apply text-dark-900 bg-light shadow-xs;
+        @apply text-dark-900 bg-bg-input shadow-xs;
         @apply text-14 leading-18 font-medium;
         transition-property: color, background-color, border, outline, box-shadow;
         transition-duration: .1s;

django_smartbase_admin/static/sb_admin/src/css/components/_dropdown.css

@@ -11,6 +11,11 @@
         white-space: normal;
         > ul {
             @apply overflow-y-auto overflow-x-hidden custom-scrollbar;
+            >li:not(:last-child) {
+                .btn[data-bs-toggle="dropdown"] {
+                    @apply rounded-b-none;
+                }
+            }
         }
 
         &:not(.show) {
@@ -30,6 +35,24 @@
         &.show {
             @apply flex;
         }
+
+        hr {
+            @apply my-4;
+            @apply border border-dark-200;
+        }
+
+        .btn[data-bs-toggle="dropdown"] {
+            @apply border-0 rounded-t-none;
+            @apply bg-transparent hover:bg-dark-100;
+        }
+
+        label.radio-dropdown-label {
+            @apply px-8 mb-4;
+            @apply text-12 font-normal;
+            span {
+                @apply hidden;
+            }
+        }
     }
 
     .dropdown-menu-link {
@@ -50,21 +73,16 @@
         }
     }
 
-    .dropdown-menu hr {
-        @apply my-4;
-        @apply border border-dark-200;
-    }
-
     .btn[data-bs-toggle="dropdown"] {
         &:focus {
             @apply shadow-none;
         }
-        svg:last-child {
+        svg:last-child:not(.no-rotate) {
             transition: transform .2s;
         }
         &.show {
             @apply bg-primary-50 text-primary border-primary;
-            svg:last-child {
+            svg:last-child:not(.no-rotate) {
                 @apply rotate-180;
             }
         }

django_smartbase_admin/static/sb_admin/src/css/components/_input.css

@@ -5,7 +5,7 @@
         @apply text-14;
         @apply h-40;
         @apply p-10;
-        @apply text-dark-900 bg-light border border-dark-300 rounded shadow-xs outline outline-transparent;
+        @apply text-dark-900 bg-bg-input border border-dark-300 rounded shadow-xs outline outline-transparent;
         transition: color .1s ease-in, background-color .1s ease-in, border-color .1s ease-in, box-shadow .1s ease-in, outline-color .1s ease-in;
 
         & ~ .error {
@@ -74,7 +74,7 @@
 
     .input-file {
         @apply relative flex items-center;
-        @apply border border-dark-300 border-dashed rounded;
+        @apply border border-dark-300 border-dashed rounded bg-light;
         @apply p-16;
         @apply transition-colors;
         input[type="file"] {
@@ -264,6 +264,34 @@
 
     input.radio,
     div.radio > input[type="radio"] {
+        & ~ label {
+            &::before {
+                @apply rounded-full;
+            }
+
+            &::after {
+                @apply transition-opacity;
+                @apply w-8 h-8;
+                top: 6px;
+                left: 6px;
+                opacity: 0;
+                @apply bg-light rounded-full;
+            }
+        }
+
+        &:checked {
+            &:not(:disabled) {
+                &:hover + label {
+                    &::after {
+                        opacity: 1;
+                    }
+                }
+            }
+        }
+    }
+
+    input.radio.radio-list,
+    div.radio.radio-list > input[type="radio"] {
         & + label {
             @apply px-16 py-12 flex items-center justify-between text-dark-900;
 
@@ -273,6 +301,9 @@
 
             &::after {
                 @apply relative w-16 h-16 flex-shrink-0 ml-16 hidden;
+                top:0;
+                left:0;
+                border-radius: 0;
                 background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23009FA7" fill-rule="evenodd" clip-rule="evenodd" d="M8.43734 17.0892L20.7944 4.7912L22.2053 6.2088L9.14275 19.2088C8.75262 19.5971 8.12207 19.5971 7.73193 19.2088L1.79443 13.2997L3.20525 11.8821L8.43734 17.0892Z"/></svg>');
             }
         }

django_smartbase_admin/static/sb_admin/src/css/components/_modal.css

@@ -74,7 +74,7 @@
         width: 100%; /* Ensure `.modal-content` extends the full width of the parent `.modal-dialog`*/
         /* counteract the pointer-events: none; in the .modal-dialog */
         pointer-events: auto;
-        background-color: #ffffff;
+        background-color: var(--color-light);
         background-clip: padding-box;
         outline: 0;
         max-height: 100%;

django_smartbase_admin/static/sb_admin/src/css/components/_query-builder.css

@@ -9,13 +9,7 @@
     }
 
     .radio.radio-default {
-        @apply bg-light border border-dark-200 transition-colors;
-        &:first-child {
-            @apply rounded-t;
-        }
-        &:last-child {
-            @apply rounded-b;
-        }
+        @apply bg-light border border-dark-200 transition-colors p-8;
         &:hover {
             @apply border-dark-400;
         }

django_smartbase_admin/static/sb_admin/src/css/style.css

@@ -36,4 +36,4 @@
             @apply !pl-40;
         }
     }
-}
+}