@soyfri/template 1.0.0 → 1.0.3

package/dist/assets/sass/core/vendors/plugins/_tagify.scss

@@ -0,0 +1,222 @@
+//
+// Tagify
+//
+
+// Bootstrap .form-control sizing integration
+$tagify-tag-padding-y-sm: 0.3rem;
+$tagify-tag-padding-x-sm: 0.3rem;
+$tagify-input-padding-y-sm: #{$input-padding-y-sm - $tagify-tag-padding-y-sm}; 
+
+$tagify-tag-padding-y: 0.4rem;
+$tagify-tag-padding-x: 0.4rem;
+$tagify-input-padding-y: $input-padding-y - $tagify-tag-padding-y; 
+
+$tagify-tag-padding-y-lg: 0.5rem;
+$tagify-tag-padding-x-lg: 0.5rem;
+$tagify-input-padding-y-lg: $input-padding-y-lg - $tagify-tag-padding-y-lg; 
+
+// Base
+.tagify {
+    --tagify-dd-bg-color        : var(--#{$prefix}body-bg);
+    --tags-border-color         : #{$input-border-color};
+    --tags-hover-border-color   : #{$input-border-color};
+    --tags-focus-border-color   : #{$input-focus-border-color};
+    --tag-bg                    : var(--#{$prefix}gray-200);
+    --tag-hover                 : var(--#{$prefix}gray-200);
+    --tag-text-color            : var(--#{$prefix}gray-700);
+    --tag-text-color--edit      : var(--#{$prefix}gray-700);
+    --tag-pad                   : 0 0.5rem;
+    --tag-inset-shadow-size     : 1rem;
+    --tag-invalid-color         : var(--#{$prefix}danger);
+    --tag-invalid-bg            : var(--#{$prefix}danger-light);
+    --tag-remove-bg             : var(--#{$prefix}gray-200);
+    --tag-remove-btn-color      : transparent;
+    --tag-remove-btn-bg         : transparent;
+    --tag-remove-btn-bg--hover  : transparent;
+    --input-color               : var(--#{$prefix}gray-700);
+    --placeholder-color         : var(--#{$prefix}gray-400);
+    --placeholder-color-focus   : var(--#{$prefix}gray-500);
+    --loader-size               : .8rem;
+    --tagify-dd-item--hidden-duration : 0.3s;
+    
+    .tagify__tag {
+        background-color: var(--tag-bg);
+        margin: 0;
+        line-height: 1;
+        
+        div {
+            border-radius: inherit;
+        }
+
+        .tagify__tag-text {
+            overflow: visible;    
+        }
+
+        .tagify__tag__removeBtn {
+            width: 0.6rem;
+            height: 0.6rem;
+            margin: 0  0.5rem 0 0;
+            border-radius: 0;
+            content: " ";
+            @include svg-bg-icon(close, var(--#{$prefix}gray-500));
+
+            &:after {
+                display: none;
+            }
+
+            &:hover {
+                @include svg-bg-icon(close, var(--#{$prefix}primary));
+            }
+        }
+
+        // Not allowed state
+        &.tagify--notAllowed {
+            div {
+                .tagify__tag-text {
+                    color: var(--#{$prefix}danger);
+                    opacity: .5;
+                }
+            }
+
+            .tagify__tag__removeBtn {
+                opacity: .5;
+                @include svg-bg-icon(close, var(--#{$prefix}danger));
+                
+                &:hover {
+                    background: transparent;
+                    opacity: .75;
+                }
+            }
+        }
+    }
+
+    .tagify__input {
+        margin: 0;
+
+        &:before {
+            font-size: inherit;
+            line-height: inherit;
+            font-weight: inherit;
+        }
+    }
+
+    // Sizing
+    &.form-control {
+        display: flex;
+        align-items: center;    
+        gap: 0.25rem;
+    }
+
+    &.form-control-sm {
+        border-radius: $btn-border-radius-sm;
+        min-height: $input-height-sm;
+        padding-top: $tagify-input-padding-y-sm;
+        padding-bottom: $tagify-input-padding-y-sm;
+
+        .tagify__tag {
+            padding: $tagify-tag-padding-y-sm $tagify-tag-padding-x-sm;
+            border-radius: $btn-border-radius-sm;
+
+            .tagify__tag-text {
+                font-size: $input-btn-font-size-sm;
+            }
+        }
+    }
+
+    &:not(.form-control-sm):not(.form-control-lg) {
+        border-radius: $btn-border-radius;
+        min-height: $input-height;
+        padding-top: $tagify-input-padding-y;
+        padding-bottom: $tagify-input-padding-y;
+
+        .tagify__tag {
+            padding: $tagify-tag-padding-y $tagify-tag-padding-x;
+            border-radius: $btn-border-radius;
+
+            .tagify__tag-text {
+                font-size: $input-btn-font-size;
+            }
+        }
+    }
+
+    &.form-control-lg {
+        border-radius: $btn-border-radius-lg;
+        min-height: $input-height-lg;
+        padding-top: $tagify-input-padding-y-lg;
+        padding-bottom: $tagify-input-padding-y-lg;
+
+        .tagify__tag {
+            padding: $tagify-tag-padding-y-lg $tagify-tag-padding-x-lg;
+            border-radius: $btn-border-radius-lg;
+
+            .tagify__tag-text {
+                font-size: $input-btn-font-size-lg;
+            }
+        }
+    }   
+}
+
+// Dropdown
+.tagify__dropdown {
+    box-shadow: var(--#{$prefix}dropdown-box-shadow);
+    border: 0 !important;
+    outline: none !important;
+    padding: 0.75rem 0;
+    z-index: $zindex-dropdown;
+    background-color: var(--#{$prefix}body-bg);
+    @include border-radius($border-radius);
+
+    // Wrapper
+    ._wrapper {
+        max-height: none;
+        @include border-radius($border-radius);
+    }
+
+    // In modal
+    .modal-open & {
+        z-index: $zindex-modal + 1;
+    }
+
+    .tagify__dropdown__wrapper {
+        background-color: var(--#{$prefix}body-bg);
+        border: 0 !important;
+        outline: none !important;
+        box-shadow: none;
+    }
+
+    .tagify__dropdown__item {
+        color: var(--#{$prefix}gray-700);
+        border-radius: 0;
+        padding: 0.75rem 1.5rem;
+        margin: 0;
+        box-shadow: none;
+        font-weight: $font-weight-semibold;
+
+        &:hover,
+        &.tagify__dropdown__item--active {
+            background-color: var(--#{$prefix}component-hover-bg);
+            color: var(--#{$prefix}component-hover-color);
+        }
+    }
+
+    // Suggestions
+    &.tagify__inline__suggestions {    
+        padding: $input-padding-y $input-padding-x;
+
+        .tagify__dropdown__item {
+            display: inline-block;
+            font-size: $font-size-sm;
+            padding: 0.35rem 0.5rem;
+            margin: 0.25rem 0.5rem 0.25rem 0;  
+            background-color: var(--#{$prefix}gray-200);
+            color: var(--#{$prefix}gray-700);
+            @include border-radius($border-radius);
+
+            &:hover,
+            &.tagify__dropdown__item--active {
+                background-color: var(--#{$prefix}component-hover-bg);
+                color: var(--#{$prefix}component-hover-color);
+            }
+        }
+    }
+}

package/dist/assets/sass/core/vendors/plugins/_tempus-dominus.scss

@@ -0,0 +1,163 @@
+//
+// Tempus Dominus
+//
+
+$td-light: var(--#{$prefix}body-bg);
+$td-widget-background: $td-light;
+$td-font-color: var(--#{$prefix}gray-900);
+$td-active-bg: var(--#{$prefix}primary);
+$td-active-color: $td-light;
+$td-active-border-color: $td-light;
+$td-btn-hover-bg: var(--#{$prefix}gray-200);
+$td-disabled-color: var(--#{$prefix}gray-400);
+$td-alternate-color: rgba(var(--#{$prefix}gray-900-rgb), 0.38);
+$td-secondary-border-color: var(--#{$prefix}border-color);
+$td-secondary-border-color-rgba: rgba(var(--#{$prefix}gray-900-rgb), 0.2);
+$td-primary-border-color: $td-light;
+$td-text-shadow: 0 -1px 0 rgba(var(--#{$prefix}gray-900-rgb), 0.25);
+$td-dow-color: var(--#{$prefix}gray-700);
+
+.tempus-dominus-widget {
+	padding: 1rem 0.5rem 0.5rem 0.5rem;
+	width: 280px !important;
+	box-shadow: var(--#{$prefix}dropdown-box-shadow) !important;
+    background-color: var(--#{$prefix}body-bg) !important;
+    @include border-radius($dropdown-border-radius);
+
+	i:not(.ki-outline):not(.ki-solid):not(.ki-duotone) {
+		font-size: 0.9rem !important;	
+	}
+
+	.picker-switch {
+		font-size: 1.05rem;	
+		font-weight: $font-weight-bold;
+	}
+
+	.date-container-days {
+		grid-auto-rows: 36px;
+
+		.day {
+			@include border-radius($btn-border-radius !important);
+		}	
+	}
+
+	.date-container-months {
+		grid-auto-rows: 36px;
+
+		.month {
+			@include border-radius($btn-border-radius !important);
+		}	
+	}
+
+	.date-container-years {
+		grid-auto-rows: 36px;
+
+		.year {
+			@include border-radius($btn-border-radius !important);
+		}	
+	}
+
+	.time-container {
+		.separator {
+			border: 0px !important;	
+		}
+
+		.time-container-clock {
+			div {
+				@include border-radius($btn-border-radius !important);
+			}
+		}
+	}
+
+	.toolbar div {
+		@include border-radius($btn-border-radius);
+
+		i:not(.ki-outline):not(.ki-solid):not(.ki-duotone) {
+			font-size: 1.1rem !important;	
+		}
+	}
+
+	// Theming
+	&.light,
+	&.dark {
+		color: $td-font-color;
+
+		[data-action] {
+			&.disabled,
+			&.disabled:hover {
+				color: $td-disabled-color;
+			}
+		}
+
+		.toolbar {
+			div {
+				&:hover {
+					background: $td-btn-hover-bg;
+				}
+			}
+		}
+
+		.date-container-days {
+			.dow {
+				color: $td-dow-color !important;
+			}
+
+			.cw {
+				color: $td-alternate-color;
+			}
+		}
+
+		.date-container-decades,
+		.date-container-years,
+		.date-container-months,
+		.date-container-days,
+		.time-container-clock,
+		.time-container-hour,
+		.time-container-minute,
+		.time-container-second {
+			div:not(.no-highlight) {
+				&:hover {
+					background: $td-btn-hover-bg;
+				}
+
+				&.active {
+					background-color: $td-active-bg;
+					color: $td-active-color;
+					text-shadow: $td-text-shadow;
+
+				&.old,
+				&.new {
+					color: $td-active-color;
+				}
+				}
+
+				&.active.today:before {
+					border-bottom-color: $td-active-border-color;
+				}
+
+				&.old,
+				&.new {
+					color: $td-alternate-color;
+				}
+
+				&.disabled,
+				&.disabled:hover {
+					color: $td-disabled-color;
+				}
+
+				&.today {
+					&:before {
+						border-bottom-color: $td-active-bg;
+						border-top-color: $td-secondary-border-color-rgba;
+					}
+				}
+			}
+		}
+
+		button {
+			color: $td-active-color;
+			background-color: $td-active-bg;
+			border-color: $td-active-bg;
+		}			
+	}	
+}

package/dist/assets/sass/core/vendors/plugins/_tiny-slider.scss

@@ -0,0 +1,141 @@
+//
+// Slider
+//
+
+// Base
+.tns {
+    position: relative;
+    overflow: hidden;
+
+    [data-tns="true"] {
+        display: none;
+    }
+
+    .tns-item {
+        opacity: 0;
+        transition: all 0.3s ease;
+    }
+
+    .tns-controls {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        button {
+            outline: none;
+            border: 0;
+            margin: 0 0.25rem;
+            @include border-radius($btn-border-radius);
+            padding: 0.5rem 0.75rem;
+            background-color: var(--#{$prefix}primary);
+            color: var(--#{$prefix}primary-inverse);
+
+            &:hover {
+                background-color: var(--#{$prefix}primary-active);
+            }
+        }
+    }
+
+    .tns-nav {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding-top: 1.5rem;
+        padding-bottom: 1.5rem;
+
+        button {
+            display: block;
+            outline: none;            
+            width: 1.25rem;
+            height: 0.75rem;
+            background-color: var(--#{$prefix}gray-200);
+            margin: 0 0.25rem;
+            border: 0;
+            @include border-radius(0.35rem);
+
+            &.tns-nav-active{
+                background-color: var(--#{$prefix}primary);
+            }
+        }
+    }
+
+    &.tns-initiazlied {
+        [data-tns="true"] {
+            display: flex;
+        }
+
+        .tns-item {
+            opacity: 1;
+            transition: all 0.3s ease;
+        }
+    }
+
+    // Default
+    &.tns-default {
+        position: relative;
+
+        // Navs
+        [data-controls="prev"],
+        [data-controls="next"] {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+        }
+
+        [data-controls="prev"] {
+            left: 0;
+        }
+
+        [data-controls="next"] {
+            right: 0;
+        }
+
+        .tns-outer {
+            margin: 0 4rem;
+
+            // Tablet mode
+            @include media-breakpoint-down(md) {
+                margin: 0 2rem;
+            }
+        }
+    }
+
+    &.tns-flush {
+        .tns-outer {
+            margin: 0;    
+        }
+    }
+
+    &.tns-circle-nav {
+        .tns-nav {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding-top: 1.5rem;
+            padding-bottom: 1.5rem;
+
+            button {
+                display: block;
+                outline: none;            
+                width: 1.15rem;
+                height: 1.15rem;
+                background-color: var(--#{$prefix}gray-200);
+                margin: 0 0.55rem;
+                border: 0;
+                @include border-radius(50%);
+
+                &.tns-nav-active{
+                    background-color: var(--#{$prefix}gray-400);
+                }
+            }
+        }
+    }
+}
+
+
+// Utils
+.tns-hide-disabled-nav {
+    [disabled] {
+        display: none !important;    
+    }    
+}

package/dist/assets/sass/core/vendors/plugins/_tinymce.scss

@@ -0,0 +1,13 @@
+//
+// TinyMCE
+//
+
+
+// Base
+.tox-target{
+    display: none;
+}
+
+.tox-tinymce{
+    @include border-radius($border-radius !important);
+}

package/dist/assets/sass/core/vendors/plugins/_toastr.scss

@@ -0,0 +1,87 @@
+//
+// Toastr
+//
+
+// Base
+.toastr {
+    // this is for RTL
+    background-position: calc(100% - 1.5rem) center !important;
+    /*rtl:ignore*/
+    background-position: 1.5rem center !important;
+    box-shadow: var(--#{$prefix}dropdown-box-shadow) !important;
+	border-radius: $dropdown-border-radius !important;
+	border: 0 !important;
+    background-color: var(--#{$prefix}gray-100);
+    color: var(--#{$prefix}gray-700);
+    padding: 1.25rem 1.25rem 1.25rem 4.5rem !important;
+
+	.toastr-close-button {
+   		outline: none !important;
+        font-size: 0;
+        width: 0.85rem;
+        height: 0.85rem;
+	}
+
+	// Title
+	.toastr-title {
+		font-size: 1.15rem;
+		font-weight: $font-weight-semibold;
+        
+        & + .toastr-message {
+            margin-top: 0.25rem;
+        }
+	}
+
+	// Message
+	.toastr-message {
+        font-size: 1rem;
+        font-weight: $font-weight-normal;
+	}
+
+    // States
+    &.toastr-success {
+        background-color: var(--#{$prefix}success);
+        color: var(--#{$prefix}success-inverse);
+
+        .toastr-close-button {
+            @include svg-bg-icon(close, var(--#{$prefix}success-inverse));
+        }    
+    }
+
+    &.toastr-info {
+        background-color: var(--#{$prefix}info);
+        color: var(--#{$prefix}info-inverse);
+
+        .toastr-close-button {
+            @include svg-bg-icon(close, var(--#{$prefix}info-inverse));
+        } 
+    }
+
+    &.toastr-warning {
+        background-color: var(--#{$prefix}warning);
+        color: var(--#{$prefix}warning-inverse);
+
+        .toastr-close-button {
+            @include svg-bg-icon(close, var(--#{$prefix}warning-inverse));
+        } 
+    }
+
+    &.toastr-error {
+        background-color: var(--#{$prefix}danger);
+        color: var(--#{$prefix}danger-inverse);
+
+        .toastr-close-button {
+            @include svg-bg-icon(close, var(--#{$prefix}danger-inverse));
+        } 
+    }
+}
+
+
+// Placements
+.toastr-top-center {
+    top: 12px;
+}
+
+.toastr-bottom-center {
+    bottom: 12px;
+}

package/dist/assets/sass/core/vendors/plugins/_variables-dark.scss

@@ -0,0 +1,18 @@
+//
+// 3rd-party config
+//
+
+
+// Prismjs
+$prismjs-bg-dark: #151521;
+
+$prismjs-border-dark: rgba($white, 0.1);
+
+$prismjs-btn-bg-dark: lighten($prismjs-bg-dark, 9%);
+$prismjs-btn-bg-hover-dark: lighten($prismjs-bg-dark, 9%);
+
+$prismjs-btn-color-dark: rgba($white, 0.75);
+$prismjs-btn-color-hover-dark: $primary;
+
+$prismjs-scrollbar-color-dark: lighten($prismjs-bg-dark, 12%);
+$prismjs-scrollbar-color-hover-dark: lighten($prismjs-bg-dark, 15%);

package/dist/assets/sass/core/vendors/plugins/_variables.scss

@@ -0,0 +1,27 @@
+//
+// 3rd-party config
+//
+
+
+// Prismjs
+$prismjs-bg: #1e1e3f;
+
+$prismjs-border: rgba($white, 0.1);
+
+$prismjs-btn-bg: lighten($prismjs-bg, 9%);
+$prismjs-btn-bg-hover: lighten($prismjs-bg, 9%);
+
+$prismjs-btn-color: rgba($white, 0.75);
+$prismjs-btn-color-hover: $primary;
+
+$prismjs-scrollbar-color: lighten($prismjs-bg, 12%);
+$prismjs-scrollbar-color-hover: lighten($prismjs-bg, 15%);
+
+// Bootstrap Maxlength
+$bootstrap-maxlength-z-index: 1040;
+
+// Daterangepicker
+$daterangepicker-ranges-list-height: 260px;
+$daterangepicker-ranges-list-width: 150px;
+
+