ngx-tethys 16.2.3 → 16.2.4

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [16.2.4](https://github.com/atinc/ngx-tethys/compare/16.2.3...16.2.4) (2024-03-01)
+
+
+### Bug Fixes
+
+* **button:** fix button jitter upon hovering when thyShape is circle-dashed or circle-solid #INFR-11703 [@wumeimin](https://github.com/wumeimin) [@xinglu](https://github.com/xinglu) ([#3037](https://github.com/atinc/ngx-tethys/issues/3037)) ([f50dc06](https://github.com/atinc/ngx-tethys/commit/f50dc06050d4b7235fe562c449c393ea71bf4a0e)), closes [#INFR-11703](https://github.com/atinc/ngx-tethys/issues/INFR-11703)
+
+
+
 ## [16.2.3](https://github.com/atinc/ngx-tethys/compare/16.2.2...16.2.3) (2024-02-29)
 
 

package/button/styles/button-icon.scss

@@ -43,14 +43,18 @@
     .wtf,
     .thy-icon {
         color: variables.$btn-icon-color;
-        border-color: variables.$btn-icon-color;
-        border-width: 1px;
+        border-color: transparent;
+        border-width: 2px;
         border-radius: 50%;
         line-height: 1;
+
+        outline-width: 1px;
+        outline-color: variables.$btn-icon-color;
+        outline-offset: -1px;
     }
 
     .thy-icon {
-        transition: border 200ms, padding 200ms;
+        transition: border 200ms, padding 200ms, outline 200ms;
     }
 
     .wtf {
@@ -65,6 +69,7 @@
         .wtf,
         .thy-icon {
             border-width: 2px;
+            outline: 0 none;
         }
         &:not(:hover):not(.invalid):not(.active):not(.btn-icon-active).circle-solid {
             i,
@@ -91,6 +96,7 @@
             border-color: variables.$primary;
             color: variables.$primary;
             border-style: solid;
+            outline: 0 none;
         }
     }
     &.invalid {
@@ -100,6 +106,7 @@
         .thy-icon {
             border-color: variables.$danger;
             color: variables.$danger;
+            outline: 0 none;
         }
         &:hover,
         &:focus {
@@ -116,6 +123,7 @@
         .wtf,
         .thy-icon {
             border-style: dashed;
+            outline-style: dashed;
         }
     }
     &.circle-solid {
@@ -123,6 +131,7 @@
         .wtf,
         .thy-icon {
             border-style: solid;
+            outline-style: solid;
         }
     }
 

package/button/styles/mixin.scss

@@ -191,17 +191,12 @@
         i,
         .wtf,
         .thy-icon {
-            padding: $round-padding;
+            padding: $round-padding - variables.$btn-icon-circle-padding-difference;
             font-size: $btn-icon-circle-font-size;
             width: $diameter;
             height: $diameter;
         }
         &.border-thick {
-            i,
-            .wtf,
-            .thy-icon {
-                padding: $round-padding - variables.$btn-icon-circle-padding-difference;
-            }
             @include hover.hover-focus {
                 i,
                 .wtf {
@@ -251,6 +246,7 @@
     .thy-icon {
         border-style: solid;
         border-width: 2px;
+        outline: 0 none;
         padding: $round-padding - variables.$btn-icon-circle-padding-difference;
     }
 }

package/esm2022/version.mjs

@@ -1,3 +1,3 @@
 import { Version } from '@angular/core';
-export const VERSION = new Version('16.2.3');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmVyc2lvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgVkVSU0lPTiA9IG5ldyBWZXJzaW9uKCcxNi4yLjMnKTtcbiJdfQ==
+export const VERSION = new Version('16.2.4');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmVyc2lvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgVkVSU0lPTiA9IG5ldyBWZXJzaW9uKCcxNi4yLjQnKTtcbiJdfQ==

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('16.2.3');
+const VERSION = new Version('16.2.4');
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngx-tethys.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('16.2.3');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('16.2.4');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "16.2.3",
+  "version": "16.2.4",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "16.2.3";
+export declare const VERSION = "16.2.4";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '16.2.3';
+exports.VERSION = '16.2.4';