renusify 2.2.6 → 2.3.0

package/style/mixins/utilities.scss

@@ -1,28 +1,33 @@
+@use "sass:list";
+@use "sass:meta";
+@use "../variables/base";
+
+@use "sass:map";
 @mixin build-utility($utility, $breakpointName) {
-  $values: map-get($utility, values);
+  $values: map.get($utility, values);
 
-  @if type-of($values) == "string" or type-of(nth($values, 1)) != "list" {
-    $values: zip($values, $values)
+  @if meta.type-of($values) == "string" or meta.type-of(list.nth($values, 1)) != "list" {
+    $values: list.zip($values, $values)
   }
 
   @each $value in $values {
-    $properties: map-get($utility, property);
+    $properties: map.get($utility, property);
 
-    @if type-of($properties) == 'string' {
-      $properties: append((), $properties)
+    @if meta.type-of($properties) == 'string' {
+      $properties: list.append((), $properties)
     }
 
-    @if type-of($properties) == 'map' {
+    @if meta.type-of($properties) == 'map' {
       @each $dir in $properties {
-        $mixin: nth($dir, 1);
+        $mixin: list.nth($dir, 1);
 
         @if $mixin == 'ltr' {
           .app-ltr {
-            @include build-utility-body($utility, nth($dir, 2), $value, $breakpointName)
+            @include build-utility-body($utility, list.nth($dir, 2), $value, $breakpointName)
           }
         } @else if $mixin == 'rtl' {
           .app-rtl {
-            @include build-utility-body($utility, nth($dir, 2), $value, $breakpointName)
+            @include build-utility-body($utility, list.nth($dir, 2), $value, $breakpointName)
           }
         } @else {
           @error 'Only RTL and LTR are supported'
@@ -30,7 +35,7 @@
       }
 
     } @else {
-      .#{$prefix}app {
+      .#{base.$prefix}app {
         @include build-utility-body($utility, $properties, $value, $breakpointName)
       }
     }
@@ -38,23 +43,23 @@
 }
 
 @mixin build-utility-body($utility, $properties, $value, $breakpointName) {
-  $property-class: map-get($utility, class);
-  $property-class: if($property-class, $property-class, nth($properties, 1));
+  $property-class: map.get($utility, class);
+  $property-class: if($property-class, $property-class, list.nth($properties, 1));
 
-  $property-class-modifier: if(nth($value, 1), "-" + nth($value, 1), "");
+  $property-class-modifier: if(list.nth($value, 1), "-" + list.nth($value, 1), "");
 
-  $value: nth($value, 2);
+  $value: list.nth($value, 2);
 
   .#{$property-class + $breakpointName + $property-class-modifier} {
-    @for $i from 1 through length($properties) {
-      $property: nth($properties, $i);
+    @for $i from 1 through list.length($properties) {
+      $property: list.nth($properties, $i);
       $val: $value;
-      @if type-of($value) == 'list' and length($properties) == length($value) {
-        $val: nth($value, $i)
+      @if meta.type-of($value) == 'list' and list.length($properties) == list.length($value) {
+        $val: list.nth($value, $i)
       }
       @if ($val != false) {
-        $unimportant: map-get($utility, unimportant);
-        #{$property}: $val if(index($unimportant, $property), null, !important)
+        $unimportant: map.get($utility, unimportant);
+        #{$property}: $val if(list.index($unimportant, $property), null, !important)
       }
     }
   }

package/style/style.scss

@@ -1,9 +1,8 @@
 //vuetify - MIT License - https://github.com/vuetifyjs/vuetify
 //Some functions, mixins, variables and classes are inspired or copied
 
-@import "./_include";
-@import "./base";
-@import "./app";
-@import './colors';
-@import './animation';
-@import './transitions';
+@use "base";
+@use "app";
+@use 'colors';
+@use 'animation';
+@use 'transitions';

package/style/transitions.scss

@@ -1,4 +1,5 @@
-@import './_include.scss';
+@use "mixins";
+
 /* counter-up */
 .counter-up {
   &-enter-active {
@@ -83,10 +84,10 @@
   }
 
   &-enter-from {
-    @include rtl() {
+    @include mixins.rtl() {
       transform: translateX(-30px);
     }
-    @include ltr() {
+    @include mixins.ltr() {
       transform: translateX(30px);
     }
 
@@ -94,10 +95,10 @@
   }
 
   &-leave-to {
-    @include rtl() {
+    @include mixins.rtl() {
       transform: translateX(30px);
     }
-    @include ltr() {
+    @include mixins.ltr() {
       transform: translateX(-30px);
     }
 
@@ -119,10 +120,10 @@
   }
 
   &-enter-from {
-    @include rtl() {
+    @include mixins.rtl() {
       transform: translateX(30px);
     }
-    @include ltr() {
+    @include mixins.ltr() {
       transform: translateX(-30px);
     }
 
@@ -130,10 +131,10 @@
   }
 
   &-leave-to {
-    @include rtl() {
+    @include mixins.rtl() {
       transform: translateX(-30px);
     }
-    @include ltr() {
+    @include mixins.ltr() {
       transform: translateX(30px);
     }
 
@@ -155,10 +156,10 @@
   }
 
   &-enter-from, &-leave-to {
-    @include rtl() {
+    @include mixins.rtl() {
       transform: translateX(-60%);
     }
-    @include ltr() {
+    @include mixins.ltr() {
       transform: translateX(60%);
     }
 
@@ -182,10 +183,10 @@
   }
 
   &-enter-from, &-leave-to {
-    @include rtl() {
+    @include mixins.rtl() {
       transform: translateX(60%);
     }
-    @include ltr() {
+    @include mixins.ltr() {
       transform: translateX(-60%);
     }
 

package/style/variables/base.scss

@@ -1,3 +1,5 @@
+@use "sass:map";
+@use "sass:math";
 $prefix: 'r-' !default;
 $body-font-family: IRANSans, 'Roboto', sans-serif !default;
 $font-size-root: 16px !default;
@@ -7,12 +9,12 @@ $line-height-root: 1.5rem !default;
 $spacer: 4px !default;
 $spacers: ();
 @for $i from 0 through 24 {
-  $spacers: map-merge($spacers, ($i: $spacer * $i))
+  $spacers: map.merge($spacers, ($i: $spacer * $i))
 }
 
 $negative-spacers: ();
 @for $i from 1 through 24 {
-  $negative-spacers: map-merge($negative-spacers, ("n" + $i: -$spacer * $i))
+  $negative-spacers: map.merge($negative-spacers, ("n" + $i: -$spacer * $i))
 }
 
 $borders: (
@@ -85,13 +87,13 @@ $grid-gutter: $spacer * 6 !default;
 $form-grid-gutter: $spacer * 2 !default;
 $grid-columns: 12 !default;
 
-$container-padding-x: div($grid-gutter, 2) !default;
+$container-padding-x: math.div($grid-gutter, 2) !default;
 
 $grid-gutters: (
-        'xs': div($grid-gutter, 12),
-        'sm': div($grid-gutter, 6),
-        'md': div($grid-gutter, 3),
-        'lg': div($grid-gutter * 2, 3),
+        'xs': math.div($grid-gutter, 12),
+        'sm': math.div($grid-gutter, 6),
+        'md': math.div($grid-gutter, 3),
+        'lg': math.div($grid-gutter * 2, 3),
         'xl': $grid-gutter
 ) !default;
 
@@ -106,25 +108,25 @@ $box-shadows: (
 ) !default;
 
 $container-max-widths: (
-        'md': map-get($grid-breakpoints, 'md')-60,
-        'lg': map-get($grid-breakpoints, 'lg')-80,
-        'xl': map-get($grid-breakpoints, 'xl')-120
+        'md': map.get($grid-breakpoints, 'md')-60,
+        'lg': map.get($grid-breakpoints, 'lg')-80,
+        'xl': map.get($grid-breakpoints, 'xl')-120
 ) !default;
 
 $display-breakpoints: (
         'print-only': 'only print',
         'screen-only': 'only screen',
-        'xs-only': 'only screen and (max-width: #{map-get($grid-breakpoints, 'sm') - 1})',
-        'sm-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'sm')}) and (max-width: #{map-get($grid-breakpoints, 'md') - 1})',
-        'sm-and-down': 'only screen and (max-width: #{map-get($grid-breakpoints, 'md') - 1})',
-        'sm-and-up': 'only screen and (min-width: #{map-get($grid-breakpoints, 'sm')})',
-        'md-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'md')}) and (max-width: #{map-get($grid-breakpoints, 'lg') - 1})',
-        'md-and-down': 'only screen and (max-width: #{map-get($grid-breakpoints, 'lg') - 1})',
-        'md-and-up': 'only screen and (min-width: #{map-get($grid-breakpoints, 'md')})',
-        'lg-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'lg')}) and (max-width: #{map-get($grid-breakpoints, 'xl') - 1})',
-        'lg-and-down': 'only screen and (max-width: #{map-get($grid-breakpoints, 'xl') - 1})',
-        'lg-and-up': 'only screen and (min-width: #{map-get($grid-breakpoints, 'lg')})',
-        'xl-only': 'only screen and (min-width: #{map-get($grid-breakpoints, 'xl')})'
+        'xs-only': 'only screen and (max-width: #{map.get($grid-breakpoints, 'sm') - 1})',
+        'sm-only': 'only screen and (min-width: #{map.get($grid-breakpoints, 'sm')}) and (max-width: #{map.get($grid-breakpoints, 'md') - 1})',
+        'sm-and-down': 'only screen and (max-width: #{map.get($grid-breakpoints, 'md') - 1})',
+        'sm-and-up': 'only screen and (min-width: #{map.get($grid-breakpoints, 'sm')})',
+        'md-only': 'only screen and (min-width: #{map.get($grid-breakpoints, 'md')}) and (max-width: #{map.get($grid-breakpoints, 'lg') - 1})',
+        'md-and-down': 'only screen and (max-width: #{map.get($grid-breakpoints, 'lg') - 1})',
+        'md-and-up': 'only screen and (min-width: #{map.get($grid-breakpoints, 'md')})',
+        'lg-only': 'only screen and (min-width: #{map.get($grid-breakpoints, 'lg')}) and (max-width: #{map.get($grid-breakpoints, 'xl') - 1})',
+        'lg-and-down': 'only screen and (max-width: #{map.get($grid-breakpoints, 'xl') - 1})',
+        'lg-and-up': 'only screen and (min-width: #{map.get($grid-breakpoints, 'lg')})',
+        'xl-only': 'only screen and (min-width: #{map.get($grid-breakpoints, 'xl')})'
 ) !default;
 
 $font-weights: (
@@ -254,8 +256,8 @@ $transition: (
         'swing': cubic-bezier(0.25, 0.8, 0.5, 1),
         'wave': cubic-bezier(.175, .885, .275, 1.275)
 ) !default;
-$primary-transition: 0.3s map-get($transition, 'swing') !default;
-$secondary-transition: 0.2s map-get($transition, 'ease-in-out') !default;
+$primary-transition: 0.3s map.get($transition, 'swing') !default;
+$secondary-transition: 0.2s map.get($transition, 'ease-in-out') !default;
 
 $z-index: (
         'low':1,
@@ -273,7 +275,7 @@ $toolbar-content-padding-x: 16px !default;
 $toolbar-height: 80px !default;
 
 //modal
-$border-modal: map-get($borders, 'md') !default;
+$border-modal: map.get($borders, 'md') !default;
 
 //bottom navigation
 $bottom-nav-btn-min-width: 56px !default;

package/style/variables/utilities.scss

@@ -1,7 +1,8 @@
-@import "base";
+@use "sass:map";
+@use "base";
 
 $utilities: () !default;
-$utilities: map-merge(
+$utilities: map.merge(
                 (
                   // Display utilities
                         "overflow": (
@@ -145,196 +146,196 @@ $utilities: map-merge(
                                 responsive: true,
                                 property: border-radius,
                                 class: br,
-                                values: $borders
+                                values: base.$borders
                         ),
                         "rounded-top-left": (
                                 responsive: true,
                                 property: border-top-left-radius,
                                 class: br-tl,
-                                values: $borders
+                                values: base.$borders
                         ),
                         "rounded-top-right": (
                                 responsive: true,
                                 property: border-top-right-radius,
                                 class: br-tr,
-                                values: $borders
+                                values: base.$borders
                         ),
                         "rounded-bottom-right": (
                                 responsive: true,
                                 property: border-bottom-right-radius,
                                 class: br-br,
-                                values: $borders
+                                values: base.$borders
                         ),
                         "rounded-bottom-left": (
                                 responsive: true,
                                 property: border-bottom-left-radius,
                                 class: br-bl,
-                                values: $borders
+                                values: base.$borders
                         ),
                   // Margin utilities
                         "margin": (
                                 responsive: true,
                                 property: margin,
                                 class: ma,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-x": (
                                 responsive: true,
                                 property: margin-right margin-left,
                                 class: mx,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-y": (
                                 responsive: true,
                                 property: margin-top margin-bottom,
                                 class: my,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-top": (
                                 responsive: true,
                                 property: margin-top,
                                 class: mt,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-right": (
                                 responsive: true,
                                 property: margin-right,
                                 class: mr,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-bottom": (
                                 responsive: true,
                                 property: margin-bottom,
                                 class: mb,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-left": (
                                 responsive: true,
                                 property: margin-left,
                                 class: ml,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-start": (
                                 responsive: true,
                                 property: (ltr: margin-left, rtl: margin-right),
                                 class: ms,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                         "margin-end": (
                                 responsive: true,
                                 property: (ltr: margin-right, rtl: margin-left),
                                 class: me,
-                                values: map-merge($spacers, (auto: auto))
+                                values: map.merge(base.$spacers, (auto: auto))
                         ),
                   // Negative margin utilities
                         "negative-margin": (
                                 responsive: true,
                                 property: margin,
                                 class: ma,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-x": (
                                 responsive: true,
                                 property: margin-right margin-left,
                                 class: mx,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-y": (
                                 responsive: true,
                                 property: margin-top margin-bottom,
                                 class: my,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-top": (
                                 responsive: true,
                                 property: margin-top,
                                 class: mt,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-right": (
                                 responsive: true,
                                 property: margin-right,
                                 class: mr,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-bottom": (
                                 responsive: true,
                                 property: margin-bottom,
                                 class: mb,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-left": (
                                 responsive: true,
                                 property: margin-left,
                                 class: ml,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-start": (
                                 responsive: true,
                                 property: (ltr: margin-left, rtl: margin-right),
                                 class: ms,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                         "negative-margin-end": (
                                 responsive: true,
                                 property: (ltr: margin-right, rtl: margin-left),
                                 class: me,
-                                values: $negative-spacers
+                                values: base.$negative-spacers
                         ),
                   // Padding utilities
                         "padding": (
                                 responsive: true,
                                 property: padding,
                                 class: pa,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-x": (
                                 responsive: true,
                                 property: padding-right padding-left,
                                 class: px,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-y": (
                                 responsive: true,
                                 property: padding-top padding-bottom,
                                 class: py,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-top": (
                                 responsive: true,
                                 property: padding-top,
                                 class: pt,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-right": (
                                 responsive: true,
                                 property: padding-right,
                                 class: pr,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-bottom": (
                                 responsive: true,
                                 property: padding-bottom,
                                 class: pb,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-left": (
                                 responsive: true,
                                 property: padding-left,
                                 class: pl,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-start": (
                                 responsive: true,
                                 property: (ltr: padding-left, rtl: padding-right),
                                 class: ps,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "padding-end": (
                                 responsive: true,
                                 property: (ltr: padding-right, rtl: padding-left),
                                 class: pe,
-                                values: $spacers
+                                values: base.$spacers
                         ),
                         "position": (
                                 property: position,

package/components/html2pdf/index.js

@@ -1,4 +0,0 @@
-export * as rHtml2pdf from './index.vue'
-export * as l_pageBreak from './pageBreak.js'
-export * as l_btn from '../button/index.js'
-export * as l_icon from '../icon/index.js'