ngx-tethys 18.1.1 → 18.2.0-next.1

package/segment/styles/mixin.scss

@@ -24,7 +24,6 @@
                 font-size: variables.$font-size-base;
             }
         }
-
     }
     &-#{$size} &-item-icon {
         @if ($size == xs) {
@@ -36,9 +35,9 @@
 }
 
 @mixin segment-item-active() {
-    background-color: variables.$segment-item-active-bg;
+    background-color: variables.$segment-active-bg-color;
     border-radius: variables.$segment-border-radius;
-    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.1);
+    box-shadow: variables.$segment-active-box-shadow;
 }
 
 @mixin segment-disabled() {

package/segment/styles/segment.scss

@@ -6,7 +6,7 @@
     display: inline-block;
     padding: variables.$segment-container-padding;
     color: variables.$segment-default-color;
-    background-color: variables.$segment-bg;
+    background-color: variables.$gray-100;
     border-radius: variables.$segment-border-radius;
     transition: all 0.3s ease-in-out;
 

package/select/custom-select/custom-select.component.d.ts

@@ -45,6 +45,7 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
     private overlay;
     private thyClickDispatcher;
     private platformId;
+    private locale;
     scrollStrategyFactory: FunctionProp<ScrollStrategy>;
     selectConfig: ThySelectConfig;
     disabled: boolean;

package/select/styles/select.scss

@@ -64,7 +64,7 @@ select.form-control-md {
         right: 12px;
         font-size: variables.$font-size-base;
         z-index: 11;
-        background: variables.$white;
+        background: variables.$bg-default;
         @include utilities.absolute-vertical-align-middle(false);
     }
 

package/shared/option/styles/option.mixin.scss

@@ -184,7 +184,7 @@
         margin: variables.$list-grid-option-margin;
         width: variables.$list-grid-option-width;
         height: variables.$list-grid-option-height;
-        background: variables.$white;
+        background: variables.$bg-default;
         border-radius: variables.$border-radius;
         border: solid 1px variables.$gray-200;
         cursor: variables.$hand-cursor;

package/shared/select/styles/select.mixin.scss

@@ -71,7 +71,7 @@ $avatarHeight: (
                 }
 
                 &:hover {
-                    background-color: variables.$white;
+                    background-color: variables.$bg-default;
                     span {
                         background-color: rgba(variables.$danger, 0.1);
                     }
@@ -91,7 +91,7 @@ $avatarHeight: (
 
 @mixin thy-select-dropdown {
     width: 100%;
-    background: variables.$white;
+    background: variables.$bg-panel;
     border-radius: variables.$border-radius;
     @include shadow.section-box-shadow();
 }

package/slide/examples/drawer-container/drawer-container.component.scss

@@ -5,6 +5,6 @@
     flex-direction: row;
     thy-slide-layout {
         margin-right: 20px;
-        background: variables2.$white;
+        background: variables2.$bg-default;
     }
 }

package/slide/examples/layout/layout.component.scss

@@ -4,7 +4,9 @@
     display: flex;
     flex-direction: row;
     thy-slide-layout {
-        margin-right: 20px;
-        background: variables2.$white;
+        background: variables2.$bg-default;
+        &:first-child {
+            margin-right: 20px;
+        }
     }
 }

package/slide/styles/slide.scss

@@ -1,5 +1,5 @@
-@use "../../styles/variables";
-@use "sass:map";
+@use '../../styles/variables';
+@use 'sass:map';
 
 $directions: (('left', 'right'), ('right', 'left'), ('top', 'bottom'), ('bottom', 'top'));
 
@@ -67,6 +67,7 @@ $directions: (('left', 'right'), ('right', 'left'), ('top', 'bottom'), ('bottom'
     flex: auto;
     flex-direction: column;
     height: 100%;
+    background: variables.$bg-default;
 
     .thy-slide-header {
         display: flex;

package/slider/slider.scss

@@ -8,7 +8,7 @@
         }
         .thy-slider-pointer {
             border-color: $color;
-            background-color: variables.$white;
+            background-color: variables.$bg-default;
         }
     }
 }
@@ -99,7 +99,7 @@
             height: 14px;
             border-width: 1px;
             border-style: solid;
-            background-color: variables.$white;
+            background-color: variables.$bg-default;
         }
     }
 

package/stepper/examples/basic/basic.component.scss

@@ -1,6 +1,8 @@
+@use 'variables.scss' as variables2;
+
 .demo-stepper {
     .demo-stepper-body {
-        border: 1px solid #ddd;
+        border: 1px solid variables2.$gray-300;
         margin-top: 10px;
         padding: 20px;
         width: 100%;

package/stepper/examples/icon/icon.component.scss

@@ -1,6 +1,8 @@
+@use 'variables.scss' as variables2;
+
 .demo-stepper {
     .demo-stepper-body {
-        border: 1px solid #ddd;
+        border: 1px solid variables2.$gray-300;
         margin-top: 10px;
         padding: 20px;
         width: 100%;

package/stepper/styles/stepper.scss

@@ -23,12 +23,16 @@
                 border-radius: 100%;
                 text-align: center;
                 background-color: variables.$gray-200;
-                transition: background-color 0.3s, border-color 0.3s;
+                transition:
+                    background-color 0.3s,
+                    border-color 0.3s;
             }
             .thy-step-icon {
                 display: none;
                 font-size: 24px;
-                transition: background-color 0.3s, border-color 0.3s;
+                transition:
+                    background-color 0.3s,
+                    border-color 0.3s;
             }
             .thy-step-label {
                 padding: variables.$stepper-label-padding;
@@ -60,7 +64,7 @@
                     border-bottom: 6px solid variables.$gray-200;
                 }
                 &::after {
-                    border-bottom-color: variables.$white;
+                    border-bottom-color: variables.$bg-default;
                 }
             }
         }

package/strength/strength.component.d.ts

@@ -1,6 +1,7 @@
 import { ThyTranslate } from 'ngx-tethys/core';
-import { OnInit } from '@angular/core';
+import { OnInit, Signal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ThyStrengthLocale } from 'ngx-tethys/i18n';
 import * as i0 from "@angular/core";
 declare enum ThyStrengthEnum {
     highest = 4,
@@ -18,7 +19,25 @@ export declare class ThyStrength implements OnInit, ControlValueAccessor {
     styleClass: boolean;
     strengthTitle: string;
     strength: ThyStrengthEnum;
-    strengthMap: any;
+    locale: Signal<ThyStrengthLocale>;
+    strengthMap: {
+        4: {
+            level: string;
+            text: string;
+        };
+        3: {
+            level: string;
+            text: string;
+        };
+        2: {
+            level: string;
+            text: string;
+        };
+        1: {
+            level: string;
+            text: string;
+        };
+    };
     /**
      * 组件标题，描述程度所指类型
      */