ngx-tethys 21.0.13 → 22.0.0-next.1

package/CHANGELOG.md

@@ -2,6 +2,62 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+# [22.0.0-next.1](github.com/atinc/ngx-tethys/compare/21.0.13...22.0.0-next.1) (2026-09-03)
+
+
+### Features
+
+* **button:** support thyAppearance on v22 #TINFR-3855 ([#3909](/github.com/atinc/ngx-tethys/issues/3909)) ([67ac8f8](github.com/atinc/ngx-tethys/commits/67ac8f8169322543f5cfb66cbeb55e3baa0ae849)), closes [#TINFR-3855](github.com/atinc/ngx-tethys/issues/TINFR-3855)
+* **schematics:**  migrate ThyAvatarService.avatarSrcTransform to srcTransform #NEXUS-5084 ([#3901](/github.com/atinc/ngx-tethys/issues/3901)) ([a3b5aca](github.com/atinc/ngx-tethys/commits/a3b5aca40328d21155888711728853cb669ba06e)), closes [#NEXUS-5084](github.com/atinc/ngx-tethys/issues/NEXUS-5084)
+* **schematics:** migrate thy-link/thyLink to thy-anchor-link/thyAnchorLink for anchor #NEXUS-5085 ([#3899](/github.com/atinc/ngx-tethys/issues/3899)) ([03c8626](github.com/atinc/ngx-tethys/commits/03c8626d0494fcaab3de8b330ece4a56827a7381)), closes [#NEXUS-5085](github.com/atinc/ngx-tethys/issues/NEXUS-5085)
+* **schematics:** migrate thyDeeper to thyColor light for thy-divider, including $divider-deeper-color to $gray-300 #NEXUS-5087 ([#3902](/github.com/atinc/ngx-tethys/issues/3902)) ([10025c4](github.com/atinc/ngx-tethys/commits/10025c4a6ec25502cc53a33deb30e8be7234d845)), closes [#NEXUS-5087](github.com/atinc/ngx-tethys/issues/NEXUS-5087)
+* **schematics:** migrate ThyPropertyItem.setKeepEditing to setEditing #NEXUS-5077 ([#3898](/github.com/atinc/ngx-tethys/issues/3898)) ([0c40a5e](github.com/atinc/ngx-tethys/commits/0c40a5e0e80f4cec2a6ae69cc739bc88d8b66abf)), closes [#NEXUS-5077](github.com/atinc/ngx-tethys/issues/NEXUS-5077)
+* **schematics:** migrate thyShowHeader to thyHeadless and remove thyLoadingText for thy-table #NEXUS-5086 ([#3900](/github.com/atinc/ngx-tethys/issues/3900)) ([a4ed5cc](github.com/atinc/ngx-tethys/commits/a4ed5cccc8c88f5cbe6c212d9c860b71fc6d218a)), closes [#NEXUS-5086](github.com/atinc/ngx-tethys/issues/NEXUS-5086)
+* **schematics:** remove thyHasLeftRightPadding and migrate thy-card-header thySize and thy-card-content thySize to thy-card #NEXUS-5089 ([#3905](/github.com/atinc/ngx-tethys/issues/3905)) ([e8ec072](github.com/atinc/ngx-tethys/commits/e8ec0726f4c57e5695454324eb2e169a0003b99e)), closes [#NEXUS-5089](github.com/atinc/ngx-tethys/issues/NEXUS-5089)
+* **schematics:** remove thyIconPrefix and add schematic migration to thyIcon #NEXUS-5098 ([#3911](/github.com/atinc/ngx-tethys/issues/3911)) ([0799dfb](github.com/atinc/ngx-tethys/commits/0799dfb92dac313636433eec3a6c3ce11778bdc7)), closes [#NEXUS-5098](github.com/atinc/ngx-tethys/issues/NEXUS-5098)
+* **schematics:** remove thyInsideClosable and add schematic migration to thyPopoverOptions #NEXUS-5097 ([#3908](/github.com/atinc/ngx-tethys/issues/3908)) ([b1d15b5](github.com/atinc/ngx-tethys/commits/b1d15b578dccd2f5cb490c53a85c32a4f6316caa)), closes [#NEXUS-5097](github.com/atinc/ngx-tethys/issues/NEXUS-5097)
+* **schematics:** remove thyIsDot and thyIsHollow for thy-badge #NEXUS-5092 ([#3906](/github.com/atinc/ngx-tethys/issues/3906)) ([1bd140d](github.com/atinc/ngx-tethys/commits/1bd140dd3129355d9e8ff576c8c5bc4881303af4)), closes [#NEXUS-5092](github.com/atinc/ngx-tethys/issues/NEXUS-5092)
+* **schematics:** remove thyOffset/thyHasBackdrop from PickerDirective and migrate to thyPopoverOptions #NEXUS-5095 ([#3910](/github.com/atinc/ngx-tethys/issues/3910)) ([0199294](github.com/atinc/ngx-tethys/commits/01992947a761db126fc3d9220dcd3d38a15d2c4e)), closes [#NEXUS-5095](github.com/atinc/ngx-tethys/issues/NEXUS-5095)
+
+## [21.0.13](github.com/atinc/ngx-tethys/compare/22.0.0-next.0...21.0.13) (2026-09-03)
+
+
+### Bug Fixes
+
+* **tabs:** should activate first tab by default when tabs have id and thyActiveTab is not set and simplify active logic #TINFR-3852 ([#3881](/github.com/atinc/ngx-tethys/issues/3881)) ([e792228](github.com/atinc/ngx-tethys/commits/e792228831dce3b2b8f4fcb02a9595c19171a6ef)), closes [#TINFR-3852](github.com/atinc/ngx-tethys/issues/TINFR-3852)
+
+
+### Features
+
+* add input control size migration for v22 #TINFR-3837 ([#3871](/github.com/atinc/ngx-tethys/issues/3871)) ([5fbcbfb](github.com/atinc/ngx-tethys/commits/5fbcbfbd5455a89aa1e7bab4ccb129be52987bcc)), closes [#TINFR-3837](github.com/atinc/ngx-tethys/issues/TINFR-3837)
+* adjust button and input default size #TINFR-3841 ([#3869](/github.com/atinc/ngx-tethys/issues/3869)) ([a4d8ee0](github.com/atinc/ngx-tethys/commits/a4d8ee09b538597f48ab60def2106f46e814588a)), closes [#TINFR-3841](github.com/atinc/ngx-tethys/issues/TINFR-3841)
+* **core:** add ThyFormControlSize, remove SelectControlSize #NEXUS-4981 ([#3875](/github.com/atinc/ngx-tethys/issues/3875)) ([67be811](github.com/atinc/ngx-tethys/commits/67be811527acfceec089b372ba65d54974029cbe)), closes [#NEXUS-4981](github.com/atinc/ngx-tethys/issues/NEXUS-4981)
+* **schematics:** migrate clear to thyClear for thy-input-search #NEXUS-5046 ([#3891](/github.com/atinc/ngx-tethys/issues/3891)) ([2d1cfb5](github.com/atinc/ngx-tethys/commits/2d1cfb56cda6f2eb62cdd3a6024372f8e809ed0a)), closes [#NEXUS-5046](github.com/atinc/ngx-tethys/issues/NEXUS-5046)
+* **schematics:** migrate CompatibleDate to ThyCompatibleDate for date-picker #NEXUS-5068 ([#3896](/github.com/atinc/ngx-tethys/issues/3896)) ([9d26bc1](github.com/atinc/ngx-tethys/commits/9d26bc1919569d72328bd162546a973fcfaa212b)), closes [#NEXUS-5068](github.com/atinc/ngx-tethys/issues/NEXUS-5068)
+* **schematics:** migrate ThyActiveTabInfo to ThyActiveTabValue for thy-tabs #NEXUS-5023 ([1b336d2](github.com/atinc/ngx-tethys/commits/1b336d27cc9c1c9774ed563937ac3e1d14666307)), closes [#NEXUS-5023](github.com/atinc/ngx-tethys/issues/NEXUS-5023)
+* **schematics:** migrate thyContext to thyContent for thy-badge #NEXUS-5066 ([#3893](/github.com/atinc/ngx-tethys/issues/3893)) ([deb9b7a](github.com/atinc/ngx-tethys/commits/deb9b7a88f35976697b6f6593f2b779028abefe1)), closes [#NEXUS-5066](github.com/atinc/ngx-tethys/issues/NEXUS-5066)
+* **schematics:** migrate ThyDialogSizes.supperLg to superLg #NEXUS-5069 ([#3894](/github.com/atinc/ngx-tethys/issues/3894)) ([4677cdd](github.com/atinc/ngx-tethys/commits/4677cddc11f29e7a0946b9ab9c17cbc69a9204af)), closes [#NEXUS-5069](github.com/atinc/ngx-tethys/issues/NEXUS-5069)
+* **schematics:** migrate thyHasBorder to thyDivided for thy-header #NEXUS-5001 ([#3877](/github.com/atinc/ngx-tethys/issues/3877)) ([574a208](github.com/atinc/ngx-tethys/commits/574a20834449de0ae4bd872fb715045f34045885)), closes [#NEXUS-5001](github.com/atinc/ngx-tethys/issues/NEXUS-5001)
+* **schematics:** migrate thyNavLink to thyNavItem  and migrate thyNavLinkActive to thyNavItemActive for thy-nav-item #NEXUS-5002 ([#3878](/github.com/atinc/ngx-tethys/issues/3878)) ([cb6b877](github.com/atinc/ngx-tethys/commits/cb6b877eda44fc4b4d7f3d747bca77ffc5609ac4)), closes [#NEXUS-5002](github.com/atinc/ngx-tethys/issues/NEXUS-5002)
+* **schematics:** migrate thyShowRemove to thyRemovable and thyOnRemove to thyRemove for thy-avatar #NEXUS-5028 ([1e9811c](github.com/atinc/ngx-tethys/commits/1e9811ca261b6ce909bb93f184aa458fd9251f03)), closes [#NEXUS-5028](github.com/atinc/ngx-tethys/issues/NEXUS-5028)
+* **schematics:** migrate ThyStackedValue to ThyProgressStackedValue for progress #NEXUS-5067 ([#3895](/github.com/atinc/ngx-tethys/issues/3895)) ([2de37f7](github.com/atinc/ngx-tethys/commits/2de37f7c11d695dbbf4e8080ed69062e98f25eb5)), closes [#NEXUS-5067](github.com/atinc/ngx-tethys/issues/NEXUS-5067)
+* **schematics:** migrate thyTheme to thyAppearance for thy-action #NEXUS-4996 ([#3873](/github.com/atinc/ngx-tethys/issues/3873)) ([95f0ad8](github.com/atinc/ngx-tethys/commits/95f0ad897249c4dd6f8513ccacb82c0a17d7e8a6)), closes [#NEXUS-4996](github.com/atinc/ngx-tethys/issues/NEXUS-4996)
+* **schematics:** migrate thyTheme to thyAppearance for thy-tag, including weak-fill to subtle conversion #NEXUS-4997 ([#3876](/github.com/atinc/ngx-tethys/issues/3876)) ([ad5a023](github.com/atinc/ngx-tethys/commits/ad5a0230cf87ae94c027aa3688e9fe171e6ce572)), closes [#NEXUS-4997](github.com/atinc/ngx-tethys/issues/NEXUS-4997)
+* **schematics:** migrate type to thyType for thy-input #NEXUS-5014 ([#3879](/github.com/atinc/ngx-tethys/issues/3879)) ([ef1bc2e](github.com/atinc/ngx-tethys/commits/ef1bc2e3a3711dcd3a5c395df33606edc582d473)), closes [#NEXUS-5014](github.com/atinc/ngx-tethys/issues/NEXUS-5014)
+* **schematics:** replace thyAutocompleteComponent with thyAutocomplete for trigger #NEXUS-5065 ([#3892](/github.com/atinc/ngx-tethys/issues/3892)) ([a4b3539](github.com/atinc/ngx-tethys/commits/a4b3539b091d9ed9039045b7acf07671216825ae)), closes [#NEXUS-5065](github.com/atinc/ngx-tethys/issues/NEXUS-5065)
+* **schematics:** unify placeholder input and thyPlaceHolder to thyPlaceholder #NEXUS-5016 ([#3890](/github.com/atinc/ngx-tethys/issues/3890)) ([7a455bd](github.com/atinc/ngx-tethys/commits/7a455bd12bd90fc3bd3d289be6367e133b83ae07)), closes [#NEXUS-5016](github.com/atinc/ngx-tethys/issues/NEXUS-5016)
+* **style:** add bg-*-subtile token #NEXUS-4936 ([#3885](/github.com/atinc/ngx-tethys/issues/3885)) ([b8b9a4d](github.com/atinc/ngx-tethys/commits/b8b9a4d74e779524c4b1a5177e2aabb0f8278a3a)), closes [#NEXUS-4936](github.com/atinc/ngx-tethys/issues/NEXUS-4936)
+* **style:** add z-index token and overflow-x/y token #NEXUS-4592 ([94660bb](github.com/atinc/ngx-tethys/commits/94660bb6b07a6eb9ad087a85177d5fee243230dc)), closes [#NEXUS-4592](github.com/atinc/ngx-tethys/issues/NEXUS-4592)
+* **styles:** spacing utilities support ms/me and ps/pe #NEXUS-4977 ([#3872](/github.com/atinc/ngx-tethys/issues/3872)) ([701a8ec](github.com/atinc/ngx-tethys/commits/701a8ec472c1e46ee3306ea6110847f900db5172)), closes [#NEXUS-4977](github.com/atinc/ngx-tethys/issues/NEXUS-4977) [#NEXUS-4977](github.com/atinc/ngx-tethys/issues/NEXUS-4977)
+
+# [22.0.0-next.0](github.com/atinc/ngx-tethys/compare/21.0.12...22.0.0-next.0) (2026-08-26)
+
+### Features
+
+* build: upgrade ng to v22 #TINFR-3745 ([#3824](/github.com/atinc/ngx-tethys/issues/3824)) ([7767bf2c](github.com/atinc/ngx-tethys/commits/7767bf2cebd90f468872953c8255542201aa379e)), closes [#TINFR-3745](github.com/atinc/ngx-tethys/issues/TINFR-3745)
+
+
+
 ## [21.0.13](github.com/atinc/ngx-tethys/compare/21.0.12...21.0.13) (2026-09-03)
 
 
@@ -11,6 +67,7 @@ All notable changes to this project will be documented in this file. See [commit
 * **style:** add z-index token and overflow-x/y token #NEXUS-4592 ([94660bb](github.com/atinc/ngx-tethys/commits/94660bb6b07a6eb9ad087a85177d5fee243230dc)), closes [#NEXUS-4592](github.com/atinc/ngx-tethys/issues/NEXUS-4592)
 * **styles:** spacing utilities support ms/me and ps/pe #NEXUS-4977 ([#3872](/github.com/atinc/ngx-tethys/issues/3872)) ([701a8ec](github.com/atinc/ngx-tethys/commits/701a8ec472c1e46ee3306ea6110847f900db5172)), closes [#NEXUS-4977](github.com/atinc/ngx-tethys/issues/NEXUS-4977) [#NEXUS-4977](github.com/atinc/ngx-tethys/issues/NEXUS-4977)
 
+
 ## [21.0.12](github.com/atinc/ngx-tethys/compare/21.0.11...21.0.12) (2026-08-26)
 
 

package/badge/styles/badge.scss

@@ -34,45 +34,18 @@
     @include mixin.set-badge-size(1rem, 0.75rem, 4px);
 }
 
-.thy-badge-dot {
-    padding: 0;
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    // vertical-align: middle;
-}
-
-.thy-badge-hollow {
-    padding: 0;
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    // vertical-align: middle;
-    border: solid 1px variables.$badge-bg;
-    background-color: transparent;
-}
-
 // #endregion
 // #region
 .thy-badge-danger {
     @include mixin.set-badge-color(variables.$white, variables.$badge-danger-color);
-    &.thy-badge-hollow {
-        background-color: transparent;
-    }
 }
 
 .thy-badge-warning {
     @include mixin.set-badge-color(variables.$white, variables.$warning);
-    &.thy-badge-hollow {
-        background-color: transparent;
-    }
 }
 
 .thy-badge-primary {
     @include mixin.set-badge-color(variables.$white, variables.$primary);
-    &.thy-badge-hollow {
-        background-color: transparent;
-    }
 }
 
 .thy-badge-default {
@@ -81,21 +54,11 @@
 
 .thy-badge-success {
     @include mixin.set-badge-color(variables.$white, variables.$success);
-    &.thy-badge-hollow {
-        background-color: transparent;
-    }
 }
 
 // 使用 thy-badge-default，暂时没有去除
 .thy-badge-secondary {
     @include mixin.set-badge-color(variables.$gray-600, variables.$gray-200);
-    &.thy-badge-dot {
-        @include mixin.set-badge-color(variables.$gray-600, variables.$gray-400);
-    }
-    &.thy-badge-hollow {
-        background-color: transparent;
-        @include mixin.set-badge-color(variables.$gray-600, variables.$gray-400);
-    }
 }
 
 // #endregion
@@ -114,26 +77,12 @@
     &.thy-badge-count {
         @include mixin.set-badge-size(1.5rem, 0.875rem, 4px);
     }
-    &.thy-badge-dot,
-    &.thy-badge-hollow {
-        width: 10px;
-        height: 10px;
-    }
-
-    &.thy-badge-hollow {
-        border-width: 2px;
-    }
 }
 
 .thy-badge-sm {
     &.thy-badge-count {
         @include mixin.set-badge-size(0.875rem, 0.75rem, 3px);
     }
-    &.thy-badge-dot,
-    &.thy-badge-hollow {
-        width: 6px;
-        height: 6px;
-    }
 }
 
 // #endregion

package/button/styles/button-group.scss

@@ -18,10 +18,6 @@
     > .btn {
         position: relative;
         flex: 0 1 auto;
-        padding: variables.$btn-padding-y variables.$btn-group-btn-padding-x-md;
-        &.thy-btn-icon-only {
-            @include mixin.btn-icon-only-variant(variables.$btn-padding-y, 0.625rem);
-        }
         // Bring the hover, focused, and "active" buttons to the front to overlay
         // the borders properly
         @include hover.hover {
@@ -107,7 +103,7 @@
     @extend .btn-md;
     padding: variables.$btn-group-btn-padding-y-md variables.$btn-group-btn-padding-x-md;
     &.thy-btn-icon-only {
-        @include mixin.btn-icon-only-variant(variables.$btn-group-btn-padding-y-md, 0.5rem);
+        @include mixin.btn-icon-only-variant(variables.$btn-group-btn-padding-y-md, variables.$btn-icon-only-padding-x-md);
     }
 }
 .btn-group-lg > .btn {

package/button/styles/button-icon.scss

@@ -23,12 +23,6 @@
         @include mixin.btn-icon-active(variables.$primary);
     }
 
-    @include mixin.btn-icon-size-variant(
-        variables.$font-size-md,
-        variables.$btn-icon-circle-padding-base,
-        variables.$font-size-md,
-        variables.$input-btn-height
-    );
 }
 
 .btn-icon.btn-icon-danger-weak {
@@ -137,7 +131,7 @@
 
     &.active,
     &.btn-icon-active {
-        @include mixin.btn-icon-circle-active(variables.$primary, variables.$btn-icon-circle-padding-base);
+        @include mixin.btn-icon-circle-active(variables.$primary, variables.$btn-icon-circle-padding-md);
     }
 }
 
@@ -180,7 +174,7 @@
     );
     &.btn-icon-circle.active,
     &.btn-icon-circle.btn-icon-active {
-        @include mixin.btn-icon-circle-active(variables.$primary, variables.$btn-icon-circle-padding-base);
+        @include mixin.btn-icon-circle-active(variables.$primary, variables.$btn-icon-circle-padding-md);
     }
 }
 
@@ -204,17 +198,17 @@
             i,
             .wtf {
                 border: 2px solid variables.$primary;
-                padding: variables.$btn-icon-circle-padding-base - variables.$btn-icon-circle-padding-difference;
+                padding: variables.$btn-icon-circle-padding-md - variables.$btn-icon-circle-padding-difference;
                 color: variables.$primary;
             }
             &.border-thick {
                 i,
                 .wtf {
-                    padding: variables.$btn-icon-circle-padding-base - variables.$btn-icon-circle-padding-difference;
+                    padding: variables.$btn-icon-circle-padding-md - variables.$btn-icon-circle-padding-difference;
                 }
                 i,
                 .wtf {
-                    padding: variables.$btn-icon-circle-padding-base - variables.$btn-icon-circle-padding-difference;
+                    padding: variables.$btn-icon-circle-padding-md - variables.$btn-icon-circle-padding-difference;
                 }
             }
         }

package/button/styles/button.scss

@@ -1,3 +1,4 @@
+@use 'sass:list';
 @use 'sass:meta';
 @use '../../styles/bootstrap/functions-variables';
 @use '../../styles/mixins/hover';
@@ -28,22 +29,9 @@
         line-height: 1rem;
     }
 
-    @include mixin.button-size(
-        variables.$btn-padding-y,
-        variables.$btn-padding-x,
-        variables.$btn-font-size-base,
-        variables.$btn-line-height,
-        variables.$btn-border-radius,
-        variables.$btn-base-min-width
-    );
-
     // icon space
     @include mixin.button-icon-spacing(7px);
 
-    &.thy-btn-icon-only {
-        @include mixin.btn-icon-only-variant(variables.$btn-padding-y, variables.$btn-icon-only-padding-x);
-    }
-
     @include hover.hover-focus {
         text-decoration: none;
         @include transition.transition(bootstrap-variables.$btn-transition); // Share hover and focus styles
@@ -97,6 +85,23 @@ fieldset:disabled a.btn {
     }
 }
 
+.btn-default {
+    @include mixin.button-variant(
+        variables.$gray-700,
+        variables.$gray-700,
+        variables.$gray-200,
+        variables.$gray-200,
+        variables.$gray-200,
+        variables.$gray-200,
+        variables.$gray-200,
+        variables.$gray-200
+    );
+
+    &:hover {
+        @include shadow.box-shadow(0px 2px 5px 1px variables.$gray-80);
+    }
+}
+
 @each $color, $value in functions-variables.$theme-colors {
     .btn-outline-#{$color} {
         @include mixin.button-outline-variant($value, $value, variables.$white, $value, null, $value, null);
@@ -115,11 +120,6 @@ fieldset:disabled a.btn {
     );
 }
 
-// 圆角方正，回归正常的圆角
-.btn-square {
-    @include mixin.btn-square-radius();
-}
-
 //
 // Button Sizes
 //
@@ -143,12 +143,12 @@ fieldset:disabled a.btn {
         variables.$btn-padding-y-md,
         variables.$btn-padding-x-md,
         variables.$btn-font-size-md,
-        variables.$btn-line-height,
+        variables.$btn-line-height-md,
         variables.$btn-border-radius,
         variables.$btn-md-min-width
     );
     &.thy-btn-icon-only {
-        @include mixin.btn-icon-only-variant(variables.$btn-padding-y-md, 0.5rem);
+        @include mixin.btn-icon-only-variant(variables.$btn-padding-y-md, variables.$btn-icon-only-padding-x-md);
     }
 }
 
@@ -185,22 +185,51 @@ fieldset:disabled a.btn {
 //
 // Link buttons
 //
-// Make a button look and behave like a link
-.btn-link {
+$btn-link-color-map: (
+    'default': (
+        variables.$gray-500,
+        variables.$primary,
+        none
+    ),
+    'primary': (
+        variables.$link-color,
+        variables.$link-hover-color,
+        variables.$link-hover-decoration
+    ),
+    'info': (
+        variables.$info,
+        variables.$primary,
+        none
+    ),
+    'warning': (
+        variables.$warning,
+        variables.$warning,
+        none
+    ),
+    'danger': (
+        variables.$danger,
+        variables.$danger,
+        underline
+    ),
+    'success': (
+        variables.$success,
+        variables.$success,
+        underline
+    )
+);
+
+@mixin btn-link-shell {
     font-weight: bootstrap-variables.$font-weight-normal;
-    color: variables.$link-color;
     background-color: transparent;
+    border-color: transparent;
 
     @include hover.hover {
-        color: variables.$link-hover-color;
-        text-decoration: variables.$link-hover-decoration;
         background-color: transparent;
         border-color: transparent;
     }
 
     &:focus,
     &.focus {
-        text-decoration: variables.$link-hover-decoration;
         border-color: transparent;
         box-shadow: variables.$box-shadow-none;
     }
@@ -208,20 +237,26 @@ fieldset:disabled a.btn {
     &.disabled,
     &:disabled {
         background-color: transparent;
+        border-color: transparent;
+        color: variables.$btn-link-disabled-color;
 
         @include hover.hover-focus {
             color: variables.$btn-link-disabled-color;
             text-decoration: none;
         }
     }
+}
 
-    &:disabled,
-    &.disabled {
-        color: variables.$btn-link-disabled-color;
-        border-color: transparent;
-    }
+.btn-link {
+    @include btn-link-shell;
+    @include mixin.btn-link-variant(variables.$link-color, variables.$link-hover-color, variables.$link-hover-decoration);
+}
 
-    // No need for an active state here
+@each $type, $colors in $btn-link-color-map {
+    .btn-link-#{$type} {
+        @include btn-link-shell;
+        @include mixin.btn-link-variant(list.nth($colors, 1), list.nth($colors, 2), list.nth($colors, 3));
+    }
 }
 
 // 去除按钮图标和按钮链接的最小宽度
@@ -230,32 +265,10 @@ fieldset:disabled a.btn {
     min-width: 0px;
 }
 
-.btn-link.btn-link-info {
-    @include mixin.btn-link-variant(variables.$info, variables.$primary, none);
-}
-
-// 兼容之前的样式
-.btn-link.btn-link-default {
-    @include mixin.btn-link-variant(variables.$btn-link-color-default, variables.$primary, none);
-}
-
-// 默认显示灰色，鼠标移上去显示主色
-.btn-link.btn-link-primary-weak {
-    @include mixin.btn-link-variant(variables.$gray-500, variables.$primary, none);
-}
-
-// 默认显示灰色，鼠标移上去显示红色
-.btn-link.btn-link-danger-weak {
-    @include mixin.btn-link-variant(variables.$gray-500, variables.$danger, none);
-}
-
-// 默认显示灰色，鼠标移上去显示红色
-.btn-link.btn-link-danger {
-    @include mixin.btn-link-variant(variables.$danger, variables.$danger, underline);
-}
-
-.btn-link.btn-link-success {
-    @include mixin.btn-link-variant(variables.$success, variables.$success, underline);
+@each $type, $colors in $btn-link-color-map {
+    .btn.btn-link-#{$type} {
+        min-width: 0px;
+    }
 }
 
 //
@@ -287,10 +300,23 @@ input[type='button'] {
         &.btn-link {
             margin-left: variables.$btn-pair-child-link-margin-left;
         }
+
+        @each $type, $colors in $btn-link-color-map {
+            &.btn-link-#{$type} {
+                margin-left: variables.$btn-pair-child-link-margin-left;
+            }
+        }
     }
+
     .btn-link + .btn {
         margin-left: variables.$btn-pair-child-link-margin-left;
     }
+
+    @each $type, $colors in $btn-link-color-map {
+        .btn-link-#{$type} + .btn {
+            margin-left: variables.$btn-pair-child-link-margin-left;
+        }
+    }
 }
 
 .btn-pair-sm {

package/button/styles/mixin.scss

@@ -83,6 +83,12 @@
     &.btn-link {
         padding: $padding-y 10px;
     }
+
+    @each $type in default, primary, info, warning, danger, success {
+        &.btn-link-#{$type} {
+            padding: $padding-y 10px;
+        }
+    }
 }
 
 @mixin button-hover-box-shadow($color) {
@@ -135,17 +141,6 @@
     }
 }
 
-@mixin btn-square-radius {
-    // 设置大小也不影响 border-radius
-    border-radius: variables.$border-radius;
-    &.btn-lg,
-    &.btn-md,
-    &.btn-sm,
-    &.btn-xs {
-        border-radius: variables.$border-radius;
-    }
-}
-
 @mixin btn-icon-circle-hover-variant($round-padding, $btn-icon-circle-font-size, $diameter) {
     &.btn-icon-circle {
         i,

package/button/styles/theme.scss

@@ -3,6 +3,14 @@
     @include button-hover-box-shadow($primary);
 }
 
+.btn-default {
+    @include button-variant($gray-700, $gray-700, $gray-200, $gray-200, $gray-200, $gray-200, $gray-200, $gray-200);
+
+    &:hover {
+        box-shadow: 0px 2px 5px 1px $gray-80;
+    }
+}
+
 .btn-outline-primary {
     @include button-outline-variant($primary, $primary, $white, $primary, null, $primary, null);
 }
@@ -25,31 +33,27 @@
     }
 }
 
-.btn-link.btn-link-info {
-    @include btn-link-variant($info, $primary, none);
+.btn-link-default {
+    @include btn-link-variant($gray-500, $primary, none);
 }
 
-// 兼容之前的样式
-.btn-link.btn-link-default {
-    @include btn-link-variant($btn-link-color-default, $primary, none);
+.btn-link-primary {
+    @include btn-link-variant($link-color, $link-hover-color, $link-hover-decoration);
 }
 
-// 默认显示灰色，鼠标移上去显示主色
-.btn-link.btn-link-primary-weak {
-    @include btn-link-variant($gray-500, $primary, none);
+.btn-link-info {
+    @include btn-link-variant($info, $primary, none);
 }
 
-// 默认显示灰色，鼠标移上去显示红色
-.btn-link.btn-link-danger-weak {
-    @include btn-link-variant($gray-500, $danger, none);
+.btn-link-warning {
+    @include btn-link-variant($warning, $warning, none);
 }
 
-// 默认显示灰色，鼠标移上去显示红色
-.btn-link.btn-link-danger {
+.btn-link-danger {
     @include btn-link-variant($danger, $danger, underline);
 }
 
-.btn-link.btn-link-success {
+.btn-link-success {
     @include btn-link-variant($success, $success, underline);
 }
 

package/card/styles/card.scss

@@ -65,19 +65,6 @@
         );
     }
 
-    .thy-card-header {
-        &--sm {
-            padding-top: 0;
-        }
-
-        &--lg {
-            padding: {
-                top: 15px;
-                bottom: 15px;
-            }
-        }
-    }
-
     .thy-card-content {
         flex: auto;
 
@@ -93,11 +80,6 @@
             overflow-y: auto;
             overflow-x: hidden;
         }
-
-        &--sm {
-            padding-top: 0px;
-            padding-bottom: 10px;
-        }
     }
 
     // 分割的模式, 头底部出现分割线，标题前面的垂直分割符隐藏，上下间距变大
@@ -114,23 +96,6 @@
         }
     }
 
-    &--clear-left-right-padding {
-        .thy-card-header {
-            padding-left: 0;
-            padding-right: 0;
-        }
-
-        .thy-card-content {
-            padding-left: 0;
-            padding-right: 0;
-            // @deprecated remove in v11
-            &--alignment-title {
-                padding-left: 10px;
-                padding-right: 10px;
-            }
-        }
-    }
-
     &--bordered {
         border: 1px solid variables.$card-border-color;
     }

package/card/styles/mixin.scss

@@ -31,10 +31,6 @@
                 top: $divided-content-padding-y;
                 bottom: $divided-content-padding-y;
             }
-            // 兼容 content 的 sm 大小，新的 card 大小完全由 thy-card 的 thySize 决定
-            &--sm {
-                padding-top: 12px;
-            }
         }
     }
 }

package/date-picker/styles/picker.scss

@@ -124,7 +124,11 @@
         border-color: variables.$primary;
     }
     .form-control {
-        padding-right: variables.$input-padding-x + variables.$font-size-md;
+        padding-right: variables.$input-padding-x-md + variables.$font-size-md;
+
+        &.form-control-lg {
+            padding-right: variables.$input-padding-x-lg + variables.$font-size-md;
+        }
     }
 
     &-input {

package/dialog/styles/dialog.scss

@@ -171,7 +171,6 @@
     }
 }
 
-// expect supper-lg
 .cdk-overlay-pane {
     &.dialog-md,
     &.dialog-sm,
@@ -180,8 +179,6 @@
         max-height: variables.$dialog-default-max-height;
     }
 
-    // supper lg
-    &.dialog-supper-lg,
     &.dialog-super-lg {
         width: variables.$dialog-super-lg-width;
         height: variables.$dialog-super-lg-height;