@solidxai/core-ui 0.1.15-beta.0 → 0.1.16-beta.0

package/dist/resources/solid-custom.css

@@ -1,3 +1,84 @@
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 100;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Thin.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 200;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Ultralight.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 300;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Light.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 400;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Regular.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 500;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Medium";
+  src: url("./fonts/SF-Pro-Display-Medium.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 600;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Semibold.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 700;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Bold.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 800;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Heavy.otf") format("opentype");
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  font-weight: 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: "Regular";
+  src: url("./fonts/SF-Pro-Display-Black.otf") format("opentype");
+}
+
 html,
 body {
   background: var(--background);
@@ -235,19 +316,6 @@ textarea {
   font-family: inherit;
 }
 
-.p-button,
-.p-button .p-button-label,
-.p-dropdown,
-.p-dropdown .p-dropdown-label,
-.p-dropdown-panel .p-dropdown-item,
-.p-multiselect,
-.p-multiselect .p-multiselect-label,
-.p-multiselect-panel .p-multiselect-item,
-.p-tabview .p-tabview-nav-link,
-.p-tabview .p-tabview-title {
-  font-family: inherit;
-}
-
 .solid-sidebar-mobile-trigger {
   position: fixed;
   top: 14px;
@@ -2176,22 +2244,6 @@ textarea {
   box-shadow: 0 0 0 2px rgba(244, 244, 245, 0.08);
 }
 
-.solid-shadcn-toast.p-toast-message {
-  border: 1px solid #27272a;
-  border-radius: 10px;
-  background: #111113;
-  color: #fafafa;
-  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.35);
-}
-
-.solid-shadcn-toast .p-toast-message-content {
-  padding: 10px 12px;
-}
-
-.solid-shadcn-toast .p-toast-message-icon,
-.solid-shadcn-toast .p-toast-icon-close {
-  color: #a1a1aa;
-}
 
 .solid-shadcn-toast-content {
   display: flex;
@@ -3548,7 +3600,6 @@ textarea {
   justify-content: center;
 }
 
-.solid-list-toolbar .p-button,
 .solid-list-toolbar .solid-btn {
   height: 32px;
   border-radius: 8px;
@@ -3556,8 +3607,6 @@ textarea {
   font-weight: 500;
 }
 
-.solid-list-toolbar .p-button.p-button-secondary,
-.solid-list-toolbar .p-button.p-button-outlined,
 .solid-list-toolbar .solid-btn--secondary,
 .solid-list-toolbar .solid-btn--outline,
 .solid-list-toolbar .solid-icon-button,
@@ -3573,6 +3622,13 @@ textarea {
   padding: 0 !important;
 }
 
+.solid-list-toolbar .solid-icon-button.is-filter-active,
+.solid-icon-button.is-filter-active {
+  border-color: var(--primary);
+  background: var(--primary);
+  color: var(--primary-foreground);
+}
+
 html.dark .solid-list-page-wrapper,
 [data-theme="dark"] .solid-list-page-wrapper {
   background:
@@ -3628,16 +3684,12 @@ html.dark .solid-kanban-toolbar .solid-global-search-element input::placeholder,
   color: color-mix(in srgb, var(--muted-foreground) 64%, transparent);
 }
 
-html.dark .solid-list-toolbar .p-button.p-button-secondary,
-html.dark .solid-list-toolbar .p-button.p-button-outlined,
 html.dark .solid-list-toolbar .solid-btn--secondary,
 html.dark .solid-list-toolbar .solid-btn--outline,
 html.dark .solid-list-toolbar .solid-icon-button,
 html.dark .solid-icon-button,
 html.dark .solid-list-toolbar .solid-header-cog-trigger,
 html.dark .solid-header-cog-trigger,
-[data-theme="dark"] .solid-list-toolbar .p-button.p-button-secondary,
-[data-theme="dark"] .solid-list-toolbar .p-button.p-button-outlined,
 [data-theme="dark"] .solid-list-toolbar .solid-btn--secondary,
 [data-theme="dark"] .solid-list-toolbar .solid-btn--outline,
 [data-theme="dark"] .solid-list-toolbar .solid-icon-button,
@@ -4759,7 +4811,6 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
   border-width: 1px !important;
 }
 
-.solid-row-menu-trigger.p-button,
 .solid-row-menu-trigger {
   width: 28px;
   height: 28px;
@@ -4777,16 +4828,11 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
     color 120ms ease;
 }
 
-.solid-row-menu-trigger.p-button:hover,
 .solid-row-menu-trigger:hover {
   background: var(--accent);
   color: var(--accent-foreground);
 }
 
-.solid-row-menu-trigger .p-button-label {
-  display: none;
-}
-
 .solid-popover-root {
   position: relative;
   display: inline-flex;
@@ -4903,14 +4949,6 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
   top: auto;
 }
 
-.solid-custom-overlay .p-overlaypanel-content {
-  padding: 3px;
-  border-radius: 8px;
-  border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
-  background: var(--card);
-  box-shadow: 0 10px 24px color-mix(in srgb, hsl(222 47% 11%) 18%, transparent);
-}
-
 .solid-row-actions-menu {
   min-width: 152px;
 }
@@ -4932,9 +4970,6 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
   line-height: 1.1;
   cursor: pointer;
 }
-.p-button-danger{
-  color: var(--destructive) !important;
-}
 
 .solid-row-action-button-label {
   flex: 1;
@@ -5409,7 +5444,6 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
   }
 }
 
-.solid-inline-row-button.p-button,
 .solid-inline-row-button.solid-btn {
   min-height: 28px;
   border-radius: 8px;
@@ -5422,13 +5456,11 @@ html.dark .solid-paginator-btn:hover:not(:disabled),
   gap: 0.35rem;
 }
 
-.solid-inline-row-button.p-button:hover,
 .solid-inline-row-button.solid-btn:hover {
   background: var(--accent);
   border-color: color-mix(in srgb, var(--border) 78%, transparent);
 }
 
-.solid-inline-row-button.solid-inline-row-button-icon.p-button,
 .solid-inline-row-button.solid-inline-row-button-icon.solid-btn {
   width: 28px;
   min-width: 28px;

package/dist/resources/solid-responsive.css

@@ -207,21 +207,12 @@
         max-width: calc(100vw - 20px) !important;
     }
 
-    /* =================  cog wheel ================== */
-    .customize-layout-panel.p-overlaypanel {
-        top: 12% !important;
-        left: calc(100% - 420px) !important;
-    }
-
     .cogwheel-column-filter {
         max-height: 250px !important;
     }
 
 
     /* ================== Button =================== */
-    .only-icon-lg .p-button-label {
-        display: none !important;
-    }
 
     /* =============================== Search ================================ */
     /* .page-header {
@@ -229,10 +220,6 @@
         gap: 16px;
     } */
 
-    .solid-custom-filter-wrapper .p-inputtext {
-        width: 100% !important;
-    }
-
     .solid-global-search-element {
         min-height: 36px;
         height: auto !important;
@@ -269,13 +256,7 @@
         flex-grow: 1;
     }
 
-    .solid-datatable-wrapper .p-datatable-wrapper {
-        height: calc(100% - 60px);
-
-    }
-
-    .solid-list-page-wrapper-embedded .solid-datatable-wrapper,
-    .solid-list-page-wrapper-embedded .solid-datatable-wrapper .p-datatable-wrapper {
+    .solid-list-page-wrapper-embedded .solid-datatable-wrapper {
         height: auto !important;
         min-height: 0;
     }
@@ -442,12 +423,6 @@
         left: 274px !important;
     }
 
-
-    .p-avatar.p-avatar-lg {
-        width: 2.5rem;
-        height: 2.5rem;
-    }
-
     /* ===================== Solid Dialog  ===================== */
 
     .solid-confirm-dialog {
@@ -466,25 +441,12 @@
         max-width: 90%;
     }
 
-    .p-dialog .p-dialog-header {
-        padding: 1rem 1.5rem;
-    }
-
     .solid-icon-dialog {
         height: 90vh !important;
     }
 
     /* ======================= Solid Import  ================================ */
 
-    /* .solid-import-dialog {
-        overflow-x: auto !important;
-    }
-
-    .solid-import-dialog .p-dialog-content,
-    .solid-import-dialog-header {
-        width: 44rem !important;
-    } */
-
     .solid-import-dialog {
         width: calc(100vw - 12px) !important;
         max-width: calc(100vw - 12px) !important;
@@ -500,33 +462,12 @@
 
 
 
-    /* =================  cog wheel ================== */
-    .customize-layout-panel.p-overlaypanel {
-        top: 16% !important;
-        left: calc(100% - 350px) !important;
-    }
-
     .cogwheel-column-filter {
         max-height: 220px !important;
     }
 
 
     /*  ======================= Button ================================== */
-    .p-splitbutton.p-button-sm>.p-button {
-        padding: 0.5rem 0.9rem;
-    }
-
-
-    .p-splitbutton.p-button-lg>.p-button {
-        font-size: 1.25rem;
-        padding: 0.7rem 1.1rem;
-    }
-
-    .p-button.p-button-icon-only.solid-icon-button {
-        padding: 0.4rem 0.6rem;
-        width: 2.2rem;
-        height: 2rem !important;
-    }
 
     /*  ======================= Search ================================== */
     /* default */
@@ -562,17 +503,6 @@
         max-width: 250px;
     }
 
-
-    .p-panel .p-panel-content {
-        padding: 0.8rem !important;
-    }
-
-    .solid-tab-view .p-tabview-panels {
-        padding-top: 10px;
-        padding-left: 0;
-        padding-right: 0;
-    }
-
     .solid-logo.in_form_view {
         margin-bottom: 15px;
     }
@@ -769,10 +699,6 @@
         font-weight: 500 !important;
     }
 
-    .p-component {
-        font-size: 0.9rem !important;
-    }
-
     .solid-inline-relation-dialog {
         width: calc(100vw - 12px) !important;
         max-width: calc(100vw - 12px) !important;
@@ -813,10 +739,6 @@
         margin-bottom: 10px;
     }
 
-    .p-toast {
-        width: 90% !important;
-    }
-
     .solid-module-mobile-text-wrapper {
         max-width: clamp(120px, 45vw, 600px);
         white-space: nowrap;
@@ -891,27 +813,9 @@
 
 
     /* ====================== SOlid Pannel =========================== */
-    .p-panel .p-panel-header {
-        padding: 0.75rem;
-    }
-
-    .solid-column-panel.p-panel .p-panel-content {
-        padding: 1px 0.75rem 0.75rem 0.75rem;
-    }
 
 
     /* ===================== Pagination ============================  */
-    .p-paginator .p-paginator-next {
-        min-width: 2.5rem !important;
-    }
-
-    .solid-paginator div.p-dropdown::before {
-        content: "" !important;
-    }
-
-    .solid-paginator div.p-dropdown {
-        margin-left: 0px !important;
-    }
 
 
 
@@ -961,15 +865,6 @@
 
 
 /* For tablets (between 481px and 768px) */
-@media (min-width: 481px) and (max-width: 768px) {
-    .p-panel .p-panel-header {
-        padding: 1rem;
-    }
-
-    .solid-column-panel.p-panel .p-panel-content {
-        padding: 1px 1rem 1rem 1rem;
-    }
-}
 
 
 @media(max-width:400px) {

package/dist/resources/stylesheets/_config.scss

@@ -42,13 +42,4 @@
     &:hover {
         background: var(--primary-400);
     }
-}
-
-.layout-config-sidebar {
-    &.p-sidebar {
-        .p-sidebar-content {
-            padding-left: 2rem;
-            padding-right: 2rem;
-        }
-    }
-} 
+}

package/dist/resources/stylesheets/_utils.scss

@@ -20,10 +20,3 @@
     }
 }
 
-.p-toast {
-    &.p-toast-top-right,
-    &.p-toast-top-left,
-    &.p-toast-top-center {
-        top: 100px;
-    }
-}