ngx-tethys 18.1.0 → 18.2.0-next.0

package/resizable/examples/style.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 :host {
     display: block;
     height: 200px;
@@ -6,8 +8,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: #eee;
-    border: 1px solid #ddd;
+    background: variables2.$gray-200;
+    border: 1px solid variables2.$gray-300;
 }
 
 .bottom-right {
@@ -23,8 +25,8 @@
     justify-content: center;
 }
 .right {
-    background: #fff;
-    border: 1px solid #ddd;
+    background: variables2.$bg-default;
+    border: 1px solid variables2.$gray-300;
     text-align: center;
     font-size: 12px;
     height: 22px;
@@ -43,7 +45,7 @@ thy-resizable-grid-example:host {
     margin-top: 8px;
     margin-bottom: 8px;
     background: rgba(0, 160, 233, 0.7);
-    color: #fff;
+    color: variables2.$white;
 }
 
 .col-right {

package/result/styles/result.scss

@@ -1,4 +1,4 @@
-@use "../../styles/variables";
+@use '../../styles/variables';
 
 .thy-result {
     display: block;
@@ -20,3 +20,27 @@
         }
     }
 }
+
+.thy-result-svg-success,
+.thy-result-svg-error,
+.thy-result-svg-warning {
+    display: inline-block;
+}
+.thy-result-svg-success-dark,
+.thy-result-svg-error-dark,
+.thy-result-svg-warning-dark {
+    display: none;
+}
+
+:root[theme='dark'] {
+    .thy-result-svg-success,
+    .thy-result-svg-error,
+    .thy-result-svg-warning {
+        display: none;
+    }
+    .thy-result-svg-success-dark,
+    .thy-result-svg-error-dark,
+    .thy-result-svg-warning-dark {
+        display: inline-block;
+    }
+}

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "18.1.0";
+export declare const VERSION = "18.2.0-next.0";

package/schematics/version.js

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

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/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;
                 }
             }
         }