@tetacom/ng-components 1.0.149 → 1.0.150

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetacom/ng-components",
-  "version": "1.0.149",
+  "version": "1.0.150",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^14.0.0",

package/style/assembly-presets.scss

@@ -1,5 +1,4 @@
 @import "./presets/color-presets.scss";
 @import "./presets/font-presets.scss";
-@import "./presets/shadow-presets.scss";
 @import "./presets/spacing-presets.scss";
 @import "./presets/layout-presets.scss";

package/style/button.scss

@@ -1,6 +1,5 @@
 @import "./util/color-util.scss";
 @import "./util/font-util.scss";
-@import "./util/button-util.scss";
 @import "presets/view-types.scss";
 
 .button {

package/style/presets/color-presets.scss

@@ -7,4 +7,3 @@ $themes: map-collect('themes', tatneft.$presets, base.$presets);
 $shadows: map-collect('shadow', tatneft.$presets, base.$presets);
 
 @import '@tetacom/themes/src/generate.scss';
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

package/style/presets/shadow-presets.scss

@@ -1,16 +0,0 @@
-$shadows: (
-  'default': (
-    '1': 0px 1px 0px #DAE0EB,
-    '2': 0px 14px 18px 0px rgba(0, 0, 0, 0.06),
-    '3': 0px 8px 16px rgba(39, 39, 39, 0.26),
-    '4': 0px 12px 24px rgba(39, 39, 39, 0.26),
-    '5': 0px 16px 32px rgba(39, 39, 39, 0.26),
-  ),
-  'dark': (
-    '1': 0px 1px 0px rgba(11, 11, 12, 1),
-    '2': 0px 14px 18px rgba(0, 0, 0, 0.3),
-    '3': 0px 8px 16px rgba(0, 0, 0, 0.400),
-    '4': 0px 12px 24px rgba(0, 0, 0, 0.400),
-    '5': 0px 16px 32px rgba(0, 0, 0, 0.400),
-  )
-);

package/style/util/button-util.scss

@@ -1,58 +0,0 @@
-@import "./color-util.scss";
-
-@mixin generateButtonForPalette($paletteName) {
-  .button_primary.button-#{$paletteName} {
-    background-color: getColorVar($paletteName, '50');
-    background-position: center;
-    transition: background 0.8s;
-
-    &:hover {
-      background: getColorVar($paletteName, '60') radial-gradient(circle, transparent 1%, getColorVar($paletteName, '60') 1%) center/15000%;
-    }
-
-    &:active {
-      background-color: getColorVar($paletteName, '70');
-      background-size: 100%;
-      transition: background 0s;
-    }
-  }
-
-  .button_ghost.button-#{$paletteName} {
-    color: getColorVar($paletteName, '90');
-    fill: getColorVar($paletteName, '90');
-    background-color: transparent;
-    background-position: center;
-    transition: background 0.8s;
-
-    &:hover {
-      background: getColorVar($paletteName, '5') radial-gradient(circle, transparent 1%, getColorVar($paletteName, '5') 1%) center/15000%;
-    }
-
-    &:active {
-      background-color: getColorVar($paletteName, '10');
-      background-size: 100%;
-      transition: background 0s;
-    }
-  }
-
-  .button_outline.button-#{$paletteName} {
-    color: getColorVar($paletteName, '50');
-    fill: getColorVar($paletteName, '50');
-    border-color: getColorVar($paletteName, '50');
-    border-style: solid;
-    border-width: 1px;
-    background-color: transparent;
-    background-position: center;
-    transition: background 0.8s;
-
-    &:hover {
-      background: getColorVar($paletteName, '5') radial-gradient(circle, transparent 1%, getColorVar($paletteName, '5') 1%) center/15000%;
-    }
-
-    &:active {
-      background-color: getColorVar($paletteName, '10');
-      background-size: 100%;
-      transition: background 0s;
-    }
-  }
-}