@tetacom/ng-components 1.4.4 → 1.4.5

package/style/tag.scss

@@ -1,7 +1,7 @@
-@import "./util/font-util.scss";
-@import "presets/view-types.scss";
+@import './util/font-util.scss';
+@import 'presets/view-types.scss';
 
-.tag{
+.tag {
   display: inline-flex;
   justify-content: center;
   height: 24px;
@@ -19,24 +19,24 @@
   &_filled {
     background-color: var(--color-text-5);
     border-color: transparent;
-    &:hover:not(:active){
+    &:hover:not(:active) {
       background-color: var(--color-text-10);
       fill: var(--color-text-60);
     }
-    &:active{
+    &:active {
       background-color: var(--color-text-20);
       fill: var(--color-text-70);
     }
   }
-  &:hover:not(:active):not(&_filled){
+  &:hover:not(:active):not(&_filled) {
     border-color: var(--color-text-10);
     fill: var(--color-text-60);
   }
-  &:active:not(&_filled){
+  &:active:not(&_filled) {
     border-color: var(--color-text-20);
     fill: var(--color-text-70);
   }
-  &>*:first-child{
+  & > *:first-child {
     padding-right: 8px;
   }
 }

package/style/toggle.scss

@@ -1,5 +1,4 @@
-@import "util/color-util.scss";
-
+@import 'util/color-util.scss';
 
 .toggle {
   display: inline-flex;
@@ -25,7 +24,7 @@
 
     &-circle {
       position: absolute;
-      top: calc(50% - 12px/2);
+      top: calc(50% - 12px / 2);
       left: 2px;
       width: 12px;
       height: 12px;
@@ -36,7 +35,6 @@
 
     $button: &;
 
-
     &-on {
       box-shadow: none;
       #{$button}-circle {
@@ -46,7 +44,7 @@
       }
 
       @each $paletteName, $palette in map-get($themes, nth(map-keys($themes), 1)) {
-        &#{$button+ '-'+ $paletteName} {
+        &#{$button + '-' + $paletteName} {
           background: getColorVar($paletteName, '50');
 
           &:hover:not(.toggle_disabled):not(:active) {
@@ -69,4 +67,3 @@
     cursor: pointer;
   }
 }
-

package/style/toolbar.scss

@@ -1,5 +1,5 @@
-@import "util/font-util.scss";
-@import "util/color-util.scss";
+@import 'util/font-util.scss';
+@import 'util/color-util.scss';
 
 .toolbar {
   height: 52px;
@@ -13,7 +13,7 @@
   @include getFont($fonts, 'title-2');
 
   @each $paletteName, $palette in map-get($themes, nth(map-keys($themes), 1)) {
-    &#{'.toolbar-'+$paletteName} {
+    &#{'.toolbar-' + $paletteName} {
       background-color: getColorVar($paletteName, '50');
     }
   }

package/style/tooltip.scss

@@ -1,6 +1,6 @@
-@import "util/shadow-util.scss";
-@import "util/color-util.scss";
-@import "presets/view-types.scss";
+@import 'util/shadow-util.scss';
+@import 'util/color-util.scss';
+@import 'presets/view-types.scss';
 
 .tooltip {
   @include shadow(1);
@@ -12,7 +12,8 @@
   color: var(--color-text-50);
   @include getView('base');
 
-  &::before, &::after {
+  &::before,
+  &::after {
     position: absolute;
     display: block;
     content: '';

package/style/tree.scss

@@ -1,5 +1,5 @@
-@import "util/color-util.scss";
-@import "util/font-util.scss";
+@import 'util/color-util.scss';
+@import 'util/font-util.scss';
 
 .tree {
   display: flex;

package/style/util/font-util.scss

@@ -1,4 +1,4 @@
-@use "sass:map";
+@use 'sass:map';
 
 @mixin getFontDescription($fontObject) {
   @each $key, $value in $fontObject {