@tetacom/ng-components 1.0.50 → 1.0.53

package/package.json

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

package/style/presets/color-presets.scss

@@ -100,40 +100,40 @@ $themes: (
       '5': rgba(57, 57, 65, 1)
     ),
     'red': (
-      '90': rgba(168, 46, 38, 1),
-      '80': rgba(183, 56, 49, 1),
-      '70': rgba(194, 63, 56, 1),
-      '60': rgba(212, 72, 62, 1),
-      '50': rgba(226, 82, 65, 1),
-      '40': rgba(222, 94, 86, 1),
-      '30': rgba(215, 121, 118, 1),
-      '20': rgba(227, 158, 156, 1),
-      '10': rgba(247, 207, 211, 1),
-      '5': rgba(252, 236, 238, 1),
+      '90': rgba(255,204,182,1),
+      '80': rgba(252,179,152,1),
+      '70': rgba(246,153,125,1),
+      '60': rgba(236,128,101,1),
+      '50': rgba(224,104,80,1),
+      '40': rgba(186,85,77,1),
+      '30': rgba(150,71,72,1),
+      '20': rgba(117,63,69,1),
+      '10': rgba(86,53,59,1),
+      '5': rgba(58,40,45,1)
     ),
     'green': (
-      '90': rgba(40, 95, 27, 1),
-      '80': rgba(55, 126, 48, 1),
-      '70': rgba(66, 142, 59, 1),
-      '60': rgba(78, 160, 70, 1),
-      '50': rgba(89, 174, 80, 1),
-      '40': rgba(111, 187, 105, 1),
-      '30': rgba(136, 198, 131, 1),
-      '20': rgba(169, 214, 166, 1),
-      '10': rgba(203, 230, 201, 1),
-      '5': rgba(233, 245, 233, 1),
+      '90': rgba(196,245,209,1),
+      '80': rgba(157,222,168,1),
+      '70': rgba(129,208,136,1),
+      '60': rgba(104,192,104,1),
+      '50': rgba(89,174,80,1),
+      '40': rgba(76,145,74,1),
+      '30': rgba(67,118,69,1),
+      '20': rgba(58,93,61,1),
+      '10': rgba(47,69,51,1),
+      '5': rgba(35,47,38,1),
     ),
     'yellow': (
-      '90': rgba(238, 104, 0, 1),
-      '80': rgba(238, 136, 0, 1),
-      '70': rgba(238, 152, 0, 1),
-      '60': rgba(238, 171, 0, 1),
-      '50': rgba(237, 184, 0, 1),
-      '40': rgba(239, 194, 27, 1),
-      '30': rgba(241, 206, 72, 1),
-      '20': rgba(245, 219, 126, 1),
-      '10': rgba(249, 233, 177, 1),
-      '5': rgba(252, 247, 225, 1),
+      '90': rgba(255,252,191,1),
+      '80': rgba(255,241,143,1),
+      '70': rgba(255,223,96,1),
+      '60': rgba(253,199,48,1),
+      '50': rgba(238,171,0,1),
+      '40': rgba(196,137,13,1),
+      '30': rgba(157,108,23,1),
+      '20': rgba(122,84,29,1),
+      '10': rgba(91,64,31,1),
+      '5': rgba(64,47,29,1)
     ),
     'background': (
       '50': rgba(34, 34, 41, 1),

package/style/table.scss

@@ -85,7 +85,7 @@
       }
 
       &:hover, &_active {
-        background: getColorVar('text', 60);
+        background: getColorVar('text', 20);
       }
 
       &:hover &__menu, &__menu_open {
@@ -222,7 +222,7 @@
     padding: 0 8px;
     overflow: hidden;
     text-overflow: ellipsis;
-    user-select: none;
+    user-select: contain;
 
     &_numeric {
       text-align: right;