lesli 5.0.0

data/lib/sass/lesli/elements/table.scss

@@ -0,0 +1,118 @@
+/*
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS development platform.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+table.lesli-table {
+    box-shadow: $lesli-box-shadow;
+
+    // standard padding
+    // normally used in tables for index views
+    --table-cell-padding: 1rem;
+
+    // narrow padding
+    // normally used in panels or components where the table is secondary
+    &.is-narrow {
+        --table-cell-padding: 0.25em 0.5em;
+    }
+
+    thead {
+
+        th {
+            border: none;
+            font-weight: 700;
+            vertical-align: middle;
+        }
+
+        // keep text and icons in the same line
+        .icon-text {
+            flex-wrap: nowrap;
+            span {
+                white-space: nowrap;
+            }
+            &:hover {
+                cursor: pointer;
+            }
+        }
+
+        border-radius: 10px 10px 0 0;
+        background-color: #E2E6F6;
+    }
+
+    tbody {
+
+        // default styles for cell containers
+        td {
+            vertical-align: middle;
+
+            // if cell has a child link, remove padding 
+            // due <a> will include the corresponding padding
+            // currently only supported by webkit, bug this is part
+            // of the standard so other engines will support soon
+            // ** currently not supported by firefox **
+            &:has(a) {
+                padding: 0 !important;
+
+                // apply styles only to direct anchor elements 
+                & > a {
+                    display: block;
+                    padding: var(--table-cell-padding);
+                }
+            }
+        }
+    }
+
+    // icon to show detail row if detail slot is provided
+    td.detail-row {
+        width: 40px;
+    }
+
+    td.options {
+        .dropdown {
+            .button {
+                background-color: transparent;
+                border: none;
+            }
+            .dropdown-content {
+                padding: 0;
+            }
+            .dropdown-item {
+                display: flex;
+                padding: .8rem;
+                .material-icons {
+                    margin-right: 8px;
+                }
+            }
+        }
+    }
+}

data/lib/sass/lesli/elements/toggle.scss

@@ -0,0 +1,102 @@
+/*
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS development platform.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+.lesli-toggle {
+    position: relative;
+    display: inline-block;
+    width: 100px;
+    height: 34px;
+    font-size: small;
+    input { 
+        opacity: 0;
+        width: 0;
+        height: 0;
+        &:checked + .slider {
+            background-color: $primary;
+        }
+        &:focus + .slider {
+            box-shadow: 0 0 1px $primary;
+        }
+        &:checked + .slider:before {
+            -webkit-transform: translateX(26px);
+            -ms-transform: translateX(26px);
+            transform: translateX(65px);
+        }
+    }
+    .slider {
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: lesli-css-color(silver, 500);
+        -webkit-transition: .4s;
+        transition: .4s;
+        border-radius: 34px;
+        &:before {
+            position: absolute;
+            content: "";
+            height: 26px;
+            width: 26px;
+            left: 4px;
+            bottom: 4px;
+            background-color: white;
+            -webkit-transition: .4s;
+            transition: .4s;
+            border-radius: 50%;
+        }
+        div{
+            padding: 6px;
+        }
+        .enabled-text{
+            position: absolute;
+            left: 20%;
+            top: 10%;
+            color: white;
+            font-weight: bold;
+        }
+        .disabled-text{
+            position: absolute;
+            right: 20%;
+            top: 10%;
+            color: white;
+            font-weight: bold;
+        }
+    }
+}
+
+
+
+
+

data/lib/sass/lesli/elements/toolbar.scss

@@ -0,0 +1,66 @@
+/*
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS development platform.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+.lesli-toolbar {
+    margin-bottom: 1rem;
+
+    // General styles
+    input,
+    .select select {
+        border-radius: 8px;
+        border: 1px solid lesli-css-color(silver);
+    }
+
+    // search input
+    input {
+        &::placeholder {
+            color: lesli-css-color(silver, 700);
+            opacity: .8;
+        }
+    }
+
+    // autocomplete tag selectors
+    div.taginput-container.is-focusable {
+        border-top: none;
+        border-left: none;
+        border-right: none;
+        background-color: transparent;
+    }
+
+    // toolbar controls separation
+    .button:not(:last-child),
+    .control:not(:last-child) {
+        margin-right: 6px;
+    }
+}

data/lib/sass/lesli/fonts/families.scss

@@ -0,0 +1,47 @@
+/*
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.dev
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · Font family for titles
+@font-face {
+    font-family: "Montserrat";
+    src: font-url("lesli/Montserrat/Montserrat-Variable.ttf") format("truetype");
+    font-display: swap;
+}
+
+
+// · Font family for the body
+@font-face {
+    font-family: "Open Sans";
+    src: font-url("lesli/OpenSans/OpenSans-Variable.ttf") format("truetype");
+    font-display: swap;
+}

data/lib/sass/lesli/fonts/mdicons.scss

@@ -0,0 +1,84 @@
+/*
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS development platform.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+/* MaterialDesignIcons.com */
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Material Icons'),
+    local('MaterialIcons-Regular'),
+    url("lesli/MaterialDesign/icons.woff2") format('woff2'),
+
+}
+  
+
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 20px;  /* Preferred icon size */
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+  
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+  
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+  
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+  }
+  
+
+/* Rules for sizing the icon. */
+.material-icons.md-18 { font-size: 18px; }
+.material-icons.md-24 { font-size: 24px; }
+.material-icons.md-36 { font-size: 36px; }
+.material-icons.md-48 { font-size: 48px; }
+
+/* Rules for using icons as black on a light background. */
+.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
+.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
+
+/* Rules for using icons as white on a dark background. */
+.material-icons.md-light { color: rgba(255, 255, 255, 1); }
+.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }