@nulllogic/scssleon 1.0.3 → 1.0.5

package/scss/components/_accordion.scss

@@ -4,12 +4,12 @@
 ┴ ┴└─┘└─┘└─┘┴└──┴┘┴└─┘┘└┘
 **/
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("accordion", "accordion", $config, $theme);
+@include mixins.generate-component('accordion', 'accordion', $config, $theme);

package/scss/components/_alert.scss

@@ -4,12 +4,12 @@
 ┴ ┴┴─┘└─┘┴└─ ┴ └─┘
 **/
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("alert", "alert", $config, $theme);
+@include mixins.generate-component('alert', 'alert', $config, $theme);

package/scss/components/_badge.scss

@@ -4,12 +4,12 @@
 └─┘┴ ┴─┴┘└─┘└─┘
 **/
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("badge", "badge", $config, $theme);
+@include mixins.generate-component('badge', 'badge', $config, $theme);

package/scss/components/_breadcrumb.scss

@@ -4,12 +4,12 @@
 └─┘┴└─└─┘┴ ┴─┴┘└─┘┴└─└─┘┴ ┴└─┘└─┘
 **/
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("breadcrumb", "breadcrumb", $config, $theme);
+@include mixins.generate-component('breadcrumb', 'breadcrumb', $config, $theme);

package/scss/components/_button.scss

@@ -4,12 +4,12 @@
 └─┘└─┘ ┴  ┴ └─┘┘└┘└─┘
 **/
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("button", "btn", $config, $theme);
+@include mixins.generate-component('button', 'btn', $config, $theme);

package/scss/components/_button_group.scss

@@ -4,12 +4,12 @@
 └─┘└─┘ ┴  ┴ └─┘┘└┘  └─┘┴└─└─┘└─┘┴
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("button-group", "btn-group", $config, $theme);
+@include mixins.generate-component('button-group', 'btn-group', $config, $theme);

package/scss/components/_card.scss

@@ -4,12 +4,12 @@
 └─┘┴ ┴┴└──┴┘
  */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("card", "card", $config, $theme);
+@include mixins.generate-component('card', 'card', $config, $theme);

package/scss/components/_container.scss

@@ -3,36 +3,38 @@
 │  │ ││││ │ ├─┤││││├┤ ├┬┘
 └─┘└─┘┘└┘ ┴ ┴ ┴┴┘└┘└─┘┴└─
 **/
+@use 'sass:map';
 
-@use "sass:map";
-@use "../themes/default" as theme;
-@use "../functions" as functions;
+@use '../functions' as functions;
 @use "../mixins" as mixins;
 
 $config: nil !default;
 $theme: nil !default;
 
-$prefix: functions.get-config($config, "prefix");
-$color_scheme: functions.get-config($config, "color-scheme");
+$prefix: functions.get-config($config, 'prefix');
+$color_scheme: functions.get-config($config, 'color-scheme');
 
-$breakpoints: functions.get-config($config, "breakpoints");
+$breakpoints: functions.get-config($config, 'breakpoints');
 
-$container-component: functions.get-theme($theme, "components.container");
+$container-component: functions.get-theme($theme, 'components.container');
 
 // Container
-@each $name, $size in $breakpoints {
-  @include mixins.breakpoint($size, "min") {
-    .container.#{$name} {
-      max-width: $size;
-      @include mixins.generate-properties(
-        "container",
-        $container-component,
-        $config
-      );
+.container {
+  @include mixins.generate-properties(
+      'container',
+      $container-component,
+      $config
+  );
+
+  @each $name, $size in $breakpoints {
+    @include mixins.breakpoint($size, 'min') {
+      &.#{$name} {
+        max-width: $size;
+      }
     }
   }
-}
 
+}
 /**
 ==[ Note ]==
 We are using mixin here, because @include is not working with @media query in SCSS | 07.12.2023

package/scss/components/_dropdown.scss

@@ -2,4 +2,14 @@
 ┌┬┐┬─┐┌─┐┌─┐┌┬┐┌─┐┬ ┬┌┐┌
  ││├┬┘│ │├─┘ │││ │││││││
 ─┴┘┴└─└─┘┴  ─┴┘└─┘└┴┘┘└┘
- */
+ */
+
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
+
+/* SCSS variables definition requirement */
+$config: nil !default;
+$theme: nil !default;
+
+@include mixins.generate-component('dropdown', 'dropdown', $config, $theme);

package/scss/components/_form.scss

@@ -1,50 +1,9 @@
-@use '../config';
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@use '../forms/label' with (
-  $config : $config,
-  $theme : $theme
-);
-
-@use '../forms/input' with (
-  $config : $config,
-  $theme : $theme
-);
-
-@use '../forms/select' with (
-  $config : $config,
-  $theme : $theme
-);
-
-@use '../forms/radio' with (
-  $config : $config,
-  $theme : $theme
-);
-
-@use '../forms/checkbox' with (
-  $config : $config,
-  $theme : $theme
-);
-
-@use '../forms/range' with (
-  $config : $config,
-  $theme : $theme
-);
-
-@use '../forms/switch' with (
-  $config : $config,
-  $theme : $theme
-);
-
-
-//@forward '../forms/form-text';
-//@forward '../forms/form-control';
-//@forward '../forms/form-select';
-//@forward '../forms/form-check';
-//@forward '../forms/form-range';
-//@forward '../forms/input-group';
-//@forward '../forms/validation';
+@include mixins.generate-component('form', 'form', $config, $theme);

package/scss/components/_loader.scss

@@ -4,12 +4,12 @@
 ┴─┘└─┘┴ ┴─┴┘└─┘┴└─
 */
 
-/* Load settings and functions */
-@use "../themes/default" as theme;
-@use "../mixins" as mixins;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("loader", "loader", $config, $theme);
+@include mixins.generate-component('loader', 'loader', $config, $theme);

package/scss/components/_megamenu.scss

@@ -0,0 +1,15 @@
+/*
+┬  ┌─┐┌─┐┌┬┐┌─┐┬─┐
+│  │ │├─┤ ││├┤ ├┬┘
+┴─┘└─┘┴ ┴─┴┘└─┘┴└─
+*/
+
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
+
+/* SCSS variables definition requirement */
+$config: nil !default;
+$theme: nil !default;
+
+@include mixins.generate-component('megamenu', 'megamenu', $config, $theme);

package/scss/components/_modal.scss

@@ -4,12 +4,12 @@
 ┴ ┴└─┘─┴┘┴ ┴┴─┘
 */
 
-/* Load settings and functions */
-@use "../themes/default" as theme;
-@use "../mixins" as mixins;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("modal", "modal", $config, $theme);
+@include mixins.generate-component('modal', 'modal', $config, $theme);

package/scss/components/_nav.scss

@@ -4,11 +4,12 @@
 ┘└┘┴ ┴ └┘ 
 **/
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("nav", "nav", $config, $theme);
+@include mixins.generate-component('nav', 'nav', $config, $theme);

package/scss/components/_navbar.scss

@@ -4,12 +4,12 @@
 ┘└┘┴ ┴ └┘ ┴└─┘┴ ┴ ┴ ┴└─┘┘└┘
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("navbar", "navbar", $config, $theme);
+@include mixins.generate-component('navbar', 'navbar', $config, $theme);

package/scss/components/_overlay.scss

@@ -4,12 +4,12 @@
 └─┘ └┘ └─┘┴└─┴─┘┴ ┴ ┴
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("overlay", "overlay", $config, $theme);
+@include mixins.generate-component('overlay', 'overlay', $config, $theme);

package/scss/components/_pagination.scss

@@ -4,12 +4,12 @@
 ┴  ┴ ┴└─┘┴┘└┘┴ ┴ ┴ ┴└─┘┘└┘
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("pagination", "pagination", $config, $theme);
+@include mixins.generate-component('pagination', 'pagination', $config, $theme);

package/scss/components/_placeholder.scss

@@ -4,31 +4,12 @@
 ┴  ┴─┘┴ ┴└─┘└─┘┴ ┴└─┘┴─┘─┴┘└─┘┴└─└─┘
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component(
-  "placeholder",
-  "placeholder",
-  $config,
-  $theme
-);
-
-@keyframes placeholder-glow {
-  50% {
-    opacity: 0.5;
-  }
-}
-
-@keyframes placeholder-wave {
-  100% {
-    mask-position: -200% 0;
-    -webkit-mask-position: -200% 0;
-  }
-}
-
+@include mixins.generate-component('placeholder', 'placeholder', $config, $theme);

package/scss/components/_sidecap.scss

@@ -4,12 +4,12 @@
 └─┘┴─┴┘└─┘└─┘┴ ┴┴
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("sidecap", "sidecap", $config, $theme);
+@include mixins.generate-component('sidecap', 'sidecap', $config, $theme);

package/scss/components/_table.scss

@@ -4,9 +4,9 @@
  ┴ ┴ ┴└─┘┴─┘└─┘
 */
 
-/* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;

package/scss/components/_tooltip.scss

@@ -0,0 +1,15 @@
+/*
+┌┬┐┌─┐┌─┐┬ ┌┬┐┬┌─┐
+ │ │ ││ ││  │ │├─┘
+ ┴ └─┘└─┘┴─┘┴ ┴┴
+*/
+
+/* Load mixins/functions */
+@use '../mixins' as mixins;
+@use '../functions' as functions;
+
+/* SCSS variables definition requirement */
+$config: nil !default;
+$theme: nil !default;
+
+@include mixins.generate-component('tooltip', 'has-tooltip', $config, $theme, (variable: (name : 'tooltip')));

package/scss/forms/_checkbox.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.checkbox",
-  "checkbox",
+  'form.checkbox',
+  'checkbox',
   $config,
-  $theme
+  $theme,
 );

package/scss/forms/_input-group.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.input-group",
-  "input-group",
+  'form.input-group',
+  'input-group',
   $config,
   $theme
 );

package/scss/forms/_input.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.input",
-  "input",
+  'form.input',
+  'input',
   $config,
   $theme
 );

package/scss/forms/_label.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.label",
-  "label",
+  'form.label',
+  'label',
   $config,
   $theme
 );

package/scss/forms/_radio.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.radio",
-  "radio",
+  'form.radio',
+  'radio',
   $config,
   $theme
 );

package/scss/forms/_range.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.range",
-  "range",
+  'form.range',
+  'range',
   $config,
   $theme
 );

package/scss/forms/_select.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.select",
-  "select",
+  'form.select',
+  'select',
   $config,
   $theme
 );

package/scss/forms/_switch.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.switch",
-  "switch",
+  'form.switch',
+  'switch',
   $config,
   $theme
 );

package/scss/forms/_validation.scss

@@ -1,14 +1,14 @@
-@use '../themes/default' as theme;
-@use '../functions' as functions;
+/* Load mixins/functions */
 @use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
 @include mixins.generate-component(
-  "form.validation",
-  "validation",
+  'form.validation',
+  'validation',
   $config,
   $theme
 );

package/scss/mixins/_utilities.scss

@@ -12,4 +12,4 @@
       #{$property} : #{$value};
     }
   }
-}
+}