@featherk/styles 0.4.10 → 0.4.12

package/dist/v8.2.0/scss/_overrides.scss

@@ -227,12 +227,13 @@
         
 }
     .k-button.k-focus.k-button-solid-base,.k-button.k-state-focus.k-button-solid-base,.k-button.k-state-focused.k-button-solid-base,.k-button:focus.k-button-solid-base{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %feather-effects-feather-focus-inner-on-surface;
       
 }
     .k-button.k-focus.k-button-flat.k-button-flat-primary,.k-button.k-state-focus.k-button-flat.k-button-flat-primary,.k-button.k-state-focused.k-button-flat.k-button-flat-primary,.k-button:focus.k-button-flat.k-button-flat-primary{
                     @extend %feather-effects-feather-focus-outer-on-surface-important;
-      
+          color: k-color( secondary );
+        
 }
     .k-button.k-button-flat.k-button-flat-primary{
     transition-property: all;
@@ -258,10 +259,6 @@
     .k-button.k-focus.k-button-outline,.k-button.k-state-focus.k-button-outline,.k-button.k-state-focused.k-button-outline,.k-button:focus.k-button-outline{
     background-image: $feather-feather-focused-on-surface-gradient;
         
-}
-    .k-button.k-focus.k-button-outline.k-button-outline-primary,.k-button.k-state-focus.k-button-outline.k-button-outline-primary,.k-button.k-state-focused.k-button-outline.k-button-outline-primary,.k-button:focus.k-button-outline.k-button-outline-primary{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
-      
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip{
     height: $feather-feather-container-height-xs;
@@ -393,6 +390,10 @@
 }
     .k-calendar.k-calendar-range{
     flex-direction: column;
+            padding-bottom: 1rem;
+            padding-left: 1rem;
+            padding-right: 1rem;
+            padding-top: 1rem;
         
 }
     .k-combobox .k-input-button.k-button-solid-base{
@@ -407,29 +408,26 @@
     .k-combobox .k-input-button{
     width: $feather-feather-container-height-sm;
             height: $feather-feather-container-height-sm;
-        
-}
-    .k-combobox.k-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button:hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox:hover .k-input-button:hover.k-button-solid-base{
-    background-color: $feather-kendo-button-hover-bg;
-            color: $feather-feather-primary-text-on-surface;
-        
-}
-    .k-combobox.k-hover .k-input-button.k-hover.k-button,.k-combobox.k-hover .k-input-button.k-state-hover.k-button,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button,.k-combobox.k-hover .k-input-button:hover.k-button,.k-combobox.k-state-hover .k-input-button.k-hover.k-button,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button,.k-combobox.k-state-hover .k-input-button:hover.k-button,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button,.k-combobox.k-state-hovered .k-input-button:hover.k-button,.k-combobox:hover .k-input-button.k-hover.k-button,.k-combobox:hover .k-input-button.k-state-hover.k-button,.k-combobox:hover .k-input-button.k-state-hovered.k-button,.k-combobox:hover .k-input-button:hover.k-button{
-    background-image: none;
+            border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
         
 }
     .k-combobox.k-hover .k-input-button.k-hover,.k-combobox.k-hover  .k-input-button.k-state-hover,.k-combobox.k-hover  .k-input-button.k-state-hovered,.k-combobox.k-hover  .k-input-button:hover, .k-combobox.k-state-hover .k-input-button.k-hover, .k-combobox.k-state-hover  .k-input-button.k-state-hover, .k-combobox.k-state-hover  .k-input-button.k-state-hovered, .k-combobox.k-state-hover  .k-input-button:hover, .k-combobox.k-state-hovered .k-input-button.k-hover, .k-combobox.k-state-hovered  .k-input-button.k-state-hover, .k-combobox.k-state-hovered  .k-input-button.k-state-hovered, .k-combobox.k-state-hovered  .k-input-button:hover, .k-combobox:hover .k-input-button.k-hover, .k-combobox:hover  .k-input-button.k-state-hover, .k-combobox:hover  .k-input-button.k-state-hovered, .k-combobox:hover  .k-input-button:hover{
     height: $feather-feather-container-height-sm;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
             opacity: 100%;
             visibility: visible;
         
 }
     .k-combobox.k-hover .k-input-button.k-hover,.k-combobox.k-hover .k-input-button.k-state-hover,.k-combobox.k-hover .k-input-button.k-state-hovered,.k-combobox.k-hover .k-input-button:hover,.k-combobox.k-state-hover .k-input-button.k-hover,.k-combobox.k-state-hover .k-input-button.k-state-hover,.k-combobox.k-state-hover .k-input-button.k-state-hovered,.k-combobox.k-state-hover .k-input-button:hover,.k-combobox.k-state-hovered .k-input-button.k-hover,.k-combobox.k-state-hovered .k-input-button.k-state-hover,.k-combobox.k-state-hovered .k-input-button.k-state-hovered,.k-combobox.k-state-hovered .k-input-button:hover,.k-combobox:hover .k-input-button.k-hover,.k-combobox:hover .k-input-button.k-state-hover,.k-combobox:hover .k-input-button.k-state-hovered,.k-combobox:hover .k-input-button:hover{
     width: $feather-feather-container-height-sm;
+            background-color: initial;
+            background-image: $feather-feather-hover-on-surface-gradient;
+        
+}
+    .k-combobox.k-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button:hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox:hover .k-input-button:hover.k-button-solid-base{
+    color: $feather-feather-primary-text-on-surface;
         
 }
     .k-combobox.k-input .k-clear-value{
@@ -440,16 +438,17 @@
             padding-bottom: $feather-kendo-input-padding-y;
             padding-left: $feather-kendo-input-padding-y;
             padding-right: $feather-kendo-input-padding-y;
-            color: $feather-feather-icon-on-neutral;
             opacity: 100%;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
+            border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
+            color: $feather-feather-icon-on-neutral;
         
 }
     .k-combobox.k-input .k-input-button{
     align-self: center;
+            width: $feather-feather-container-height-sm;
         
 }
     .k-combobox.k-input{
@@ -468,13 +467,7 @@
         
 }
     .k-combobox.k-input.k-hover .k-clear-value.k-hover,.k-combobox.k-input.k-hover  .k-clear-value.k-state-hover,.k-combobox.k-input.k-hover  .k-clear-value.k-state-hovered,.k-combobox.k-input.k-hover  .k-clear-value:hover, .k-combobox.k-input.k-state-hover .k-clear-value.k-hover, .k-combobox.k-input.k-state-hover  .k-clear-value.k-state-hover, .k-combobox.k-input.k-state-hover  .k-clear-value.k-state-hovered, .k-combobox.k-input.k-state-hover  .k-clear-value:hover, .k-combobox.k-input.k-state-hovered .k-clear-value.k-hover, .k-combobox.k-input.k-state-hovered  .k-clear-value.k-state-hover, .k-combobox.k-input.k-state-hovered  .k-clear-value.k-state-hovered, .k-combobox.k-input.k-state-hovered  .k-clear-value:hover, .k-combobox.k-input:hover .k-clear-value.k-hover, .k-combobox.k-input:hover  .k-clear-value.k-state-hover, .k-combobox.k-input:hover  .k-clear-value.k-state-hovered, .k-combobox.k-input:hover  .k-clear-value:hover{
-    background-color: $feather-kendo-button-hover-bg;
-            background-image: none;
-            color: $feather-feather-primary-text-on-surface;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
+    color: $feather-feather-primary-text-on-surface;
             flex-direction: row;
             column-gap: 4px;
             row-gap: 0px;
@@ -492,6 +485,8 @@
             padding-top: $feather-kendo-input-padding-y;
             display: inline-flex;
             justify-content: center;
+            background-color: initial;
+            background-image: $feather-feather-hover-on-surface-gradient;
         
 }
     .k-combobox-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
@@ -770,7 +765,7 @@
 }
     .k-textbox.k-input .k-input-inner{
                     @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+          color: $feather-kendo-input-text;
             height: auto;
         
 }
@@ -819,6 +814,14 @@
     outline-color: unset;
             outline-width: 0px;
         
+}
+    .k-textbox.k-input.k-focus.k-input-solid,.k-textbox.k-input.k-state-focus.k-input-solid,.k-textbox.k-input.k-state-focused.k-input-solid,.k-textbox.k-input.k-input-solid:focus{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+            color: k-color( primary );
+        
 }
     .k-textbox.k-input.k-focus.k-input-solid,.k-textbox.k-input.k-state-focus.k-input-solid,.k-textbox.k-input.k-state-focused.k-input-solid,.k-textbox.k-input:focus.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
@@ -1057,7 +1060,6 @@
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
     padding-bottom: 4px;
-            text-transform: uppercase;
         
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item{
@@ -1190,7 +1192,6 @@
     .k-textbox.k-input{
     background-color: initial;
             background-image: none;
-            color: $feather-feather-secondary-text-on-surface;
             transition-property: all;
             transition-duration: 280ms;
             border-bottom-width: $feather-kendo-input-border-width;
@@ -1205,11 +1206,8 @@
             border-left-color: $feather-kendo-input-border;
             border-right-color: $feather-kendo-input-border;
             border-top-color: $feather-kendo-input-border;
+            color: $feather-kendo-input-text;
         
-}
-    .k-textbox.k-input.k-input-md{
-                    @extend %feather-typography-feather-body-small;
-      
 }
     .k-radio-label{
                     @extend %feather-typography-feather-body-small;
@@ -1222,9 +1220,8 @@
         
 }
     .k-datepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
-    height: 100%;
-            color: $feather-feather-icon-on-neutral;
-            width: $feather-feather-container-height-lg;
+    color: $feather-feather-icon-on-neutral;
+            height: 100%;
         
 }
     .k-timepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
@@ -1407,16 +1404,6 @@
     color: $feather-feather-primary-text-on-surface;
             top: -4px;
         
-}
-    .k-form-hint{
-    font-style: normal;
-            font-size: $feather-feather-font-size-sm;
-        
-}
-    .k-form-error{
-    font-style: normal;
-            font-size: $feather-feather-font-size-sm;
-        
 }
     .k-chip-list .k-chip.k-focus.k-chip-solid-base,.k-chip-list .k-chip.k-state-focus.k-chip-solid-base,.k-chip-list .k-chip.k-state-focused.k-chip-solid-base,.k-chip-list .k-chip:focus.k-chip-solid-base{
                     @extend %feather-effects-feather-focus-outer-on-color;
@@ -1445,11 +1432,6 @@
             border-right-color: transparent;
             border-top-color: transparent;
         
-}
-    .k-calendar .k-calendar-navigation{
-    background-color: $feather-feather-surface-shade-1;
-            background-image: none;
-        
 }
     .k-dropdownlist.k-picker-solid{
     background-color: initial;
@@ -1470,7 +1452,14 @@
             border-top-style: none;
             border-left-color: $feather-feather-border-on-surface;
             border-left-width: 1px;
-            height: auto;
+            height: $feather-feather-container-height-sm;
+            border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
+            width: $feather-feather-container-height-sm;
+            margin-top: 0.175rem;
+            margin-right: 0.25rem;
         
 }
     .k-dropdownlist.k-focus .k-input-button,.k-dropdownlist.k-state-focus .k-input-button,.k-dropdownlist.k-state-focused .k-input-button,.k-dropdownlist:focus .k-input-button{
@@ -1596,10 +1585,15 @@
             border-right-color: $feather-kendo-input-hover-border;
             border-top-color: $feather-kendo-input-hover-border;
         
+}
+    .k-numerictextbox.k-input.k-hover.k-input-solid,.k-numerictextbox.k-input.k-state-hover.k-input-solid,.k-numerictextbox.k-input.k-state-hovered.k-input-solid,.k-numerictextbox.k-input:hover.k-input-solid{
+    color: $feather-feather-primary-text-on-surface;
+        
 }
     .k-numerictextbox.k-input.k-state-focus-within.k-input-solid,.k-numerictextbox.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-      
+          color: k-color( primary );
+        
 }
     .k-numerictextbox.k-input.k-disabled.k-input-solid,.k-numerictextbox.k-input.k-state-disabled.k-input-solid,.k-numerictextbox.k-input:disabled.k-input-solid{
     color: $feather-feather-disabled-text-on-surface;
@@ -1641,10 +1635,7 @@
             border-left-color: k-color( error );
             border-right-color: k-color( error );
             border-top-color: k-color( error );
-        
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-today .k-link{
-    font-weight: 600;
+            color: k-color( error );
         
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td{
@@ -1663,16 +1654,15 @@
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-today .k-link{
     font-weight: 600;
         
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover .k-link{
-    background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
-        
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td{
                     @extend %feather-typography-feather-body-small;
           color: $feather-feather-secondary-text-on-surface;
         
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td .k-link{
+    font-weight: 400;
+        
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td{
                     @extend %feather-typography-feather-body-small;
@@ -1882,7 +1872,8 @@
 }
     .k-maskedtextbox.k-input.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-      
+          color: k-color( primary );
+        
 }
     .k-maskedtextbox.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input.k-invalid:focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-invalid-outer;
@@ -1924,10 +1915,10 @@
         
 }
     .k-dateinput.k-input.k-hover.k-input-solid,.k-dateinput.k-input.k-state-hover.k-input-solid,.k-dateinput.k-input.k-state-hovered.k-input-solid,.k-dateinput.k-input:hover.k-input-solid{
-    border-bottom-color: $feather-kendo-input-hover-border;
-            border-left-color: $feather-kendo-input-hover-border;
-            border-right-color: $feather-kendo-input-hover-border;
-            border-top-color: $feather-kendo-input-hover-border;
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
             color: $feather-feather-primary-text-on-surface;
         
 }
@@ -1937,25 +1928,27 @@
 }
     .k-dateinput.k-input.k-state-focus-within.k-input-solid,.k-dateinput.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
+          border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+            color: k-color( primary );
         
 }
     .k-dateinput.k-input.k-invalid.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-touched.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+            color: k-color( error );
         
 }
     .k-dateinput.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-dateinput.k-input.k-invalid:focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-invalid-outer;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
+          border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
         
 }
     .k-dateinput.k-input.k-disabled,.k-dateinput.k-input.k-state-disabled,.k-dateinput.k-input:disabled{
@@ -1971,11 +1964,7 @@
         
 }
     .k-datepicker.k-input.k-hover.k-input-solid,.k-datepicker.k-input.k-state-hover.k-input-solid,.k-datepicker.k-input.k-state-hovered.k-input-solid,.k-datepicker.k-input:hover.k-input-solid{
-    border-bottom-color: $feather-kendo-input-hover-border;
-            border-left-color: $feather-kendo-input-hover-border;
-            border-right-color: $feather-kendo-input-hover-border;
-            border-top-color: $feather-kendo-input-hover-border;
-            color: $feather-feather-primary-text-on-surface;
+    color: $feather-feather-primary-text-on-surface;
         
 }
     .k-datepicker.k-input.k-hover,.k-datepicker.k-input.k-state-hover,.k-datepicker.k-input.k-state-hovered,.k-datepicker.k-input:hover{
@@ -1984,61 +1973,43 @@
 }
     .k-datepicker.k-input.k-state-focus-within.k-input-solid,.k-datepicker.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
+          color: k-color( primary );
         
 }
-    .k-datepicker.k-input.k-invalid.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
+    .k-datepicker.k-input.k-state-focus-within.k-input-solid,.k-datepicker.k-input.k-state-focus-within.k-input-solid:focus-within,.k-datepicker.k-input.k-state-focus-within:focus-within.k-input-solid,.k-datepicker.k-input:focus-within.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
         
 }
     .k-datepicker.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-datepicker.k-input.k-invalid:focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-invalid-outer;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-        
-}
-    .k-timepicker.k-input.k-hover,.k-timepicker.k-input.k-state-hover,.k-timepicker.k-input.k-state-hovered,.k-timepicker.k-input:hover{
-    box-shadow: none;
-        
+      
 }
     .k-timepicker.k-input.k-hover.k-input-solid,.k-timepicker.k-input.k-state-hover.k-input-solid,.k-timepicker.k-input.k-state-hovered.k-input-solid,.k-timepicker.k-input:hover.k-input-solid{
-    border-bottom-color: $feather-feather-primary-text-on-surface;
-            border-left-color: $feather-feather-primary-text-on-surface;
-            border-right-color: $feather-feather-primary-text-on-surface;
-            border-top-color: $feather-feather-primary-text-on-surface;
-            color: $feather-feather-primary-text-on-surface;
+    color: $feather-feather-primary-text-on-surface;
         
+}
+    .k-timepicker.k-input.k-hover,.k-timepicker.k-input.k-state-hover,.k-timepicker.k-input.k-state-hovered,.k-timepicker.k-input:hover{
+                    @extend %feather-effects-feather-input-hover-on-surface;
+      
 }
     .k-timepicker.k-input.k-state-focus-within.k-input-solid,.k-timepicker.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
+          color: k-color( primary );
         
 }
-    .k-timepicker.k-input.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
+    .k-timepicker.k-input.k-state-focus-within.k-input-solid,.k-timepicker.k-input.k-state-focus-within.k-input-solid:focus-within,.k-timepicker.k-input.k-state-focus-within:focus-within.k-input-solid,.k-timepicker.k-input:focus-within.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
         
 }
     .k-timepicker.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-timepicker.k-input.k-invalid:focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-invalid-outer;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-        
+      
 }
     .k-timepicker.k-input.k-disabled,.k-timepicker.k-input.k-state-disabled,.k-timepicker.k-input:disabled{
     opacity: 100%;
@@ -2069,47 +2040,39 @@
     .k-timepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-icon.k-svg-icon.k-button-icon{
     color: inherit;
         
-}
-    .k-datetimepicker.k-input.k-hover,.k-datetimepicker.k-input.k-state-hover,.k-datetimepicker.k-input.k-state-hovered,.k-datetimepicker.k-input:hover{
-    box-shadow: none;
-        
 }
     .k-datetimepicker.k-input.k-hover.k-input-solid,.k-datetimepicker.k-input.k-state-hover.k-input-solid,.k-datetimepicker.k-input.k-state-hovered.k-input-solid,.k-datetimepicker.k-input:hover.k-input-solid{
     color: $feather-feather-primary-text-on-surface;
-            border-bottom-color: $feather-feather-primary-text-on-surface;
-            border-left-color: $feather-feather-primary-text-on-surface;
-            border-right-color: $feather-feather-primary-text-on-surface;
-            border-top-color: $feather-feather-primary-text-on-surface;
+            border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
         
+}
+    .k-datetimepicker.k-input.k-hover,.k-datetimepicker.k-input.k-state-hover,.k-datetimepicker.k-input.k-state-hovered,.k-datetimepicker.k-input:hover{
+                    @extend %feather-effects-feather-input-hover-on-surface;
+      
 }
     .k-datetimepicker.k-input.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-        
-}
-    .k-datetimepicker.k-input.k-state-focus-within,.k-datetimepicker.k-input:focus-within{
-    outline-color: transparent;
-            outline-style: solid;
-            outline-width: 2px;
+          border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+            color: k-color( primary );
         
 }
     .k-datetimepicker.k-input.k-invalid.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+            color: k-color( error );
         
 }
     .k-datetimepicker.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input.k-invalid:focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-invalid-outer;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-        
+      
 }
     .k-datetimepicker.k-input.k-disabled,.k-datetimepicker.k-input.k-state-disabled,.k-datetimepicker.k-input:disabled{
     opacity: 100%;
@@ -2285,13 +2248,8 @@
             border-left-color: $feather-kendo-input-border;
             border-right-color: $feather-kendo-input-border;
             border-top-color: $feather-kendo-input-border;
-            color: $feather-feather-secondary-text-on-surface;
             background-color: initial;
         
-}
-    .k-numerictextbox.k-input.k-input-md{
-                    @extend %feather-typography-feather-body-small;
-      
 }
     .k-maskedtextbox.k-input{
     height: $feather-feather-container-height-lg;
@@ -2302,17 +2260,12 @@
         
 }
     .k-maskedtextbox.k-input.k-input-solid{
-    color: $feather-feather-secondary-text-on-surface;
-            border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-feather-disabled-text-on-surface;
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
             background-color: initial;
         
-}
-    .k-maskedtextbox.k-input.k-input-md{
-                    @extend %feather-typography-feather-body-small;
-      
 }
     .k-dateinput.k-input{
     transition-property: all;
@@ -2452,34 +2405,52 @@
             transition-duration: 280ms;
             transition-timing-function: ease-out;
         
+}
+    .k-datepicker.k-input.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
 }
     .k-timepicker.k-input{
     height: $feather-feather-container-height-lg;
             transition-duration: 280ms;
             transition-property: all;
             transition-timing-function: ease-out;
+            min-width: 208px;
         
 }
-    .k-datetimepicker.k-input{
+    .k-timepicker.k-input.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
+}
+    .k-datetimepicker.k-input{
     height: $feather-feather-container-height-lg;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
         
+}
+    .k-datetimepicker.k-input.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
 }
     .k-datetimepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
     align-items: center;
             height: 100%;
             width: $feather-feather-container-height-lg;
-        
-}
-    .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap .k-datetime-selector .k-datetime-calendar-wrap .k-calendar{
-    column-gap: 16px;
-            row-gap: 16px;
+            color: $feather-feather-icon-on-neutral;
         
 }
     .k-calendar .k-calendar-view .k-calendar-header{
-    padding-top: 12px;
+    padding-top: 0.25rem;
             padding-bottom: 12px;
         
 }
@@ -2492,23 +2463,12 @@
     width: 40px;
             height: 40px;
         
-}
-    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
-    width: 40px;
-            height: 40px;
-        
-}
-    .k-calendar .k-calendar-view.k-calendar-monthview{
-    padding-bottom: 8px;
-        
 }
     .k-calendar{
-    background-color: $feather-feather-surface-shade-1;
-            background-image: none;
-            border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    border-bottom-left-radius: $feather-feather-border-radius-m;
+            border-bottom-right-radius: $feather-feather-border-radius-m;
+            border-top-left-radius: $feather-feather-border-radius-m;
+            border-top-right-radius: $feather-feather-border-radius-m;
         
 }
     .k-dropdownlist .k-input-inner .k-input-value-text{
@@ -2724,30 +2684,26 @@
     .k-textbox.k-input.k-hover,.k-textbox.k-input.k-state-hover,.k-textbox.k-input.k-state-hovered,.k-textbox.k-input:hover{
                     @extend %feather-effects-feather-input-hover-on-surface;
           color: $feather-feather-primary-text-on-surface;
-            border-bottom-color: $feather-kendo-input-flat-hover-border;
-            border-left-color: $feather-kendo-input-flat-hover-border;
-            border-right-color: $feather-kendo-input-flat-hover-border;
-            border-top-color: $feather-kendo-input-flat-hover-border;
+        
+}
+    .k-textbox.k-input.k-hover.k-input-solid,.k-textbox.k-input.k-state-hover.k-input-solid,.k-textbox.k-input.k-state-hovered.k-input-solid,.k-textbox.k-input.k-input-solid:hover{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
         
 }
     .k-numerictextbox.k-input .k-input-inner{
                     @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+          color: $feather-kendo-input-text;
             height: auto;
         
 }
     .k-maskedtextbox.k-input .k-input-inner{
                     @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+          color: $feather-kendo-input-text;
             height: auto;
         
-}
-    .k-maskedtextbox.k-input.k-invalid.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-        
 }
     .k-maskedtextbox.k-input.k-disabled .k-input-inner,.k-maskedtextbox.k-input.k-state-disabled .k-input-inner,.k-maskedtextbox.k-input:disabled .k-input-inner{
     color: inherit;
@@ -3336,7 +3292,7 @@
     .k-colorpicker.k-picker.k-icon-picker{
     align-items: center;
             align-self: stretch;
-            background-image: none;
+            background-image: linear-gradient(transparent, transparent);
         
 }
     .k-colorpicker.k-picker.k-icon-picker.k-picker-solid{
@@ -3350,6 +3306,7 @@
     .k-colorpicker.k-picker.k-icon-picker .k-input-inner{
     width: 2em;
             height: 2em;
+            visibility: visible;
         
 }
     .k-colorpicker.k-picker.k-icon-picker.k-hover.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-hover.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-hovered.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker:hover.k-picker-solid{
@@ -3383,6 +3340,7 @@
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled,.k-colorpicker.k-picker.k-icon-picker:disabled{
     opacity: 40%;
+            background-image: linear-gradient(transparent, transparent);
         
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker:disabled.k-picker-solid{
@@ -3392,6 +3350,10 @@
             border-right-color: $feather-feather-disabled-text-on-surface;
             border-top-color: $feather-feather-disabled-text-on-surface;
         
+}
+    .k-colorpicker.k-picker.k-icon-picker.k-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-picker-solid:disabled{
+    background-color: $feather-feather-surface;
+        
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled .k-input-inner .k-value-icon.k-color-preview,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled .k-input-inner .k-value-icon.k-color-preview,.k-colorpicker.k-picker.k-icon-picker:disabled .k-input-inner .k-value-icon.k-color-preview{
     border-bottom-style: none;
@@ -3474,10 +3436,10 @@
         
 }
     .k-button.k-button-solid-primary.k-icon-button.k-rounded-md{
-    border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
         
 }
     .k-button.k-button-outline.k-icon-button.k-rounded-md{
@@ -3498,10 +3460,14 @@
         
 }
     .k-textbox.k-input.k-invalid,.k-textbox.k-input.ng-invalid.ng-touched,.k-textbox.k-input.ng-invalid.ng-dirty{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
+}
+    .k-textbox.k-input.k-invalid.k-input-solid,.k-textbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-textbox.k-input.ng-invalid.ng-dirty.k-input-solid{
+    color: k-color( error );
         
 }
     input{
@@ -3575,6 +3541,7 @@
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
+            outline-style: none;
         
 }
     .k-input.k-rounded-md{
@@ -3759,7 +3726,8 @@
 }
     .k-popup.k-timepicker-popup{
                     @extend %feather-effects-feather-elevation-06dp;
-      
+          min-width: 208px;
+        
 }
     .k-datetime-wrap .k-datetime-buttongroup .k-button-group.k-button-group-stretched .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md.k-group-start.k-selected,.k-datetime-wrap .k-datetime-buttongroup .k-button-group.k-button-group-stretched .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md:first-child.k-selected{
     background-color: k-color( primary-active );
@@ -3790,15 +3758,6 @@
             position: absolute;
             top: 36px;
         
-}
-    .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
-    padding-top: $feather-feather-spacing-xs;
-            padding-bottom: $feather-feather-spacing-xs;
-        
-}
-    .k-calendar .k-calendar-navigation .k-content{
-    visibility: visible;
-        
 }
     .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav{
     border-bottom-left-radius: $feather-kendo-border-radius-md;
@@ -3843,27 +3802,15 @@
 }
     .k-input.k-state-focus-within.k-input-solid,.k-input:focus-within.k-input-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
-      
-}
-    .k-input.k-invalid.k-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid,.k-input.k-invalid.k-state-focus.k-input-solid,.k-input.k-invalid.k-state-focused.k-input-solid,.k-input.k-invalid:focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-touched:focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-dirty:focus.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
-      
-}
-    .k-input.k-hover,.k-input.k-state-hover,.k-input.k-state-hovered,.k-input:hover{
-    border-bottom-width: $feather-kendo-input-border-width;
-            border-left-width: $feather-kendo-input-border-width;
-            border-right-width: $feather-kendo-input-border-width;
-            border-top-width: $feather-kendo-input-border-width;
-            box-shadow: 0px 0px 0px 0.5px $feather-feather-primary-text-on-surface;
+          border-bottom-color: $feather-kendo-input-focus-border;
+            border-left-color: $feather-kendo-input-focus-border;
+            border-right-color: $feather-kendo-input-focus-border;
+            border-top-color: $feather-kendo-input-focus-border;
         
 }
     .k-maskedtextbox.k-input.k-hover,.k-maskedtextbox.k-input.k-state-hover,.k-maskedtextbox.k-input.k-state-hovered,.k-maskedtextbox.k-input:hover{
                     @extend %feather-effects-feather-input-hover-on-surface;
-          border-bottom-color: $feather-kendo-input-flat-hover-border;
-            border-left-color: $feather-kendo-input-flat-hover-border;
-            border-right-color: $feather-kendo-input-flat-hover-border;
-            border-top-color: $feather-kendo-input-flat-hover-border;
-        
+      
 }
     .k-numerictextbox.k-input.k-disabled .k-input-inner,.k-numerictextbox.k-input.k-state-disabled .k-input-inner,.k-numerictextbox.k-input:disabled .k-input-inner{
     color: $feather-feather-disabled-text-on-surface;
@@ -3896,10 +3843,12 @@
 }
     .k-dateinput.k-input .k-input-inner{
     height: auto;
+            color: $feather-kendo-component-text;
         
 }
     .k-datepicker.k-input .k-input-inner{
     height: auto;
+            color: $feather-kendo-input-text;
         
 }
     .k-label .k-label-optional{
@@ -4120,6 +4069,7 @@
     transition-duration: 280ms;
             transition-property: all;
             transition-timing-function: ease-out;
+            color: k-color( secondary );
         
 }
     .k-button.k-button-outline.k-button-outline-primary.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
@@ -4140,6 +4090,9 @@
 }
     .k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
     translate: 0 -1px;
+            color: k-color( on-primary );
+            width: $feather-kendo-icon-size;
+            height: $feather-kendo-icon-size;
         
 }
     .k-button-group .k-button.k-button-flat.k-icon-button.k-group-start,.k-button-group .k-button.k-button-flat.k-icon-button:first-child{
@@ -4342,10 +4295,6 @@
     .k-dropdowntree.k-focus.k-picker-solid,.k-dropdowntree.k-state-focus.k-picker-solid,.k-dropdowntree.k-state-focused.k-picker-solid,.k-dropdowntree:focus.k-picker-solid{
                     @extend %feather-effects-feather-focus-outer-on-surface;
       
-}
-    .k-dropdowntree .k-input-button.k-button.k-icon-button{
-    height: auto;
-        
 }
     .k-dropdowntree.k-invalid,.k-dropdowntree.ng-invalid.ng-touched,.k-dropdowntree.ng-invalid.ng-dirty{
     outline-color: k-color( error );
@@ -4488,11 +4437,6 @@
             transition-duration: 280ms;
             transition-timing-function: ease-out;
         
-}
-    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:hover{
-    background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
-        
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:hover{
     background-color: initial;
@@ -4516,9 +4460,7 @@
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:focus .k-link{
                     @extend %feather-effects-feather-focus-inner-on-surface;
-          background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
-        
+      
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-focus,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focus,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focused,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:focus{
     background-color: initial;
@@ -4531,7 +4473,7 @@
         
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %feather-effects-feather-focus-inner-on-color;
       
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:focus .k-link{
@@ -4547,24 +4489,26 @@
             background-image: $feather-feather-hover-on-surface-gradient;
         
 }
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:hover{
-    background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:hover .k-link{
+    color: inherit;
         
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:hover{
     background-color: initial;
             background-image: $feather-feather-hover-on-surface-gradient;
+            color: currentcolor;
         
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover{
     background-color: initial;
             background-image: $feather-feather-hover-on-surface-gradient;
+            color: currentcolor;
         
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:hover{
     background-color: initial;
             background-image: $feather-feather-hover-on-surface-gradient;
+            color: currentcolor;
         
 }
     .k-autocomplete.k-input .k-input-inner::placeholder{
@@ -4575,14 +4519,14 @@
     transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            border-bottom-left-radius: $feather-feather-border-radius-s;
-            border-bottom-right-radius: $feather-feather-border-radius-s;
-            border-top-left-radius: $feather-feather-border-radius-s;
-            border-top-right-radius: $feather-feather-border-radius-s;
+            border-bottom-style: solid;
+            border-left-style: solid;
+            border-right-style: solid;
+            border-top-style: solid;
+            border-bottom-left-radius: $feather-feather-border-radius;
+            border-bottom-right-radius: $feather-feather-border-radius;
+            border-top-left-radius: $feather-feather-border-radius;
+            border-top-right-radius: $feather-feather-border-radius;
         
 }
     .k-expander.k-expanded .k-expander-content-wrapper{
@@ -4608,7 +4552,7 @@
     .k-expander.k-focus,.k-expander.k-state-focus,.k-expander.k-state-focused,.k-expander:focus{
                     @extend %feather-effects-feather-focus-outer-on-surface;
           outline-style: none;
-            z-index: 999;
+            z-index: 1;
         
 }
     .k-expander.k-disabled .k-expander-header .k-expander-title,.k-expander.k-state-disabled .k-expander-header .k-expander-title,.k-expander:disabled .k-expander-header .k-expander-title{
@@ -4652,6 +4596,15 @@
     transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
+            border-bottom-style: solid;
+            border-left-style: solid;
+            border-right-style: solid;
+            border-top-style: solid;
+            border-bottom-left-radius: $feather-feather-border-radius;
+            border-bottom-right-radius: $feather-feather-border-radius;
+            border-top-left-radius: $feather-feather-border-radius;
+            border-top-right-radius: $feather-feather-border-radius;
+            z-index: 1;
         
 }
     .k-card .k-card-header .k-card-subtitle{
@@ -4661,4 +4614,574 @@
     .k-card .k-card-body >p{
                     @extend %feather-typography-feather-body-small;
       
+}
+    .k-button.k-focus.k-button-outline.k-button-outline-primary,.k-button.k-state-focus.k-button-outline.k-button-outline-primary,.k-button.k-state-focused.k-button-outline.k-button-outline-primary,.k-button:focus.k-button-outline.k-button-outline-primary{
+                    @extend %feather-effects-feather-focus-outer-on-surface-thin;
+          outline-style: none;
+            color: k-color( secondary );
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:focus .k-link{
+                    @extend %feather-effects-feather-focus-inner-on-color;
+      
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:disabled{
+    opacity: 100%;
+            background-color: initial;
+            background-image: none;
+            color: $feather-feather-disabled-text-on-surface;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:hover{
+    background-color: initial;
+            background-image: $feather-feather-hover-on-surface-gradient;
+            color: currentcolor;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:disabled{
+    opacity: 100%;
+            background-color: initial;
+            background-image: none;
+            color: $feather-feather-disabled-text-on-surface;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:hover .k-link{
+    color: currentcolor;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+            font-weight: 500;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:hover{
+    background-color: initial;
+            background-image: $feather-feather-hover-on-surface-gradient;
+        
+}
+    .k-calendar .k-calendar-navigation .k-calendar-navigation-highlight{
+    border-bottom-width: 2px;
+            border-left-width: 2px;
+            border-right-width: 2px;
+            border-top-width: 2px;
+            border-bottom-color: k-color( primary );
+            border-left-color: k-color( primary );
+            border-right-color: k-color( primary );
+            border-top-color: k-color( primary );
+            border-bottom-left-radius: $feather-feather-border-radius;
+            border-bottom-right-radius: $feather-feather-border-radius;
+            border-top-left-radius: $feather-feather-border-radius;
+            border-top-right-radius: $feather-feather-border-radius;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
+    width: 2.5rem;
+        
+}
+    .k-calendar .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today{
+    color: k-color( primary );
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td{
+    width: 2.5rem;
+            height: 2.5rem;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:focus{
+    color: currentcolor;
+            background-color: initial;
+            background-image: $feather-feather-focused-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-selected .k-link{
+    color: inherit;
+            font-weight: 500;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:hover .k-link{
+    color: inherit;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover .k-link{
+    color: inherit;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:hover .k-link{
+    color: inherit;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:hover .k-link{
+    color: currentcolor;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td:hover .k-link{
+    color: currentcolor;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:hover .k-link{
+    color: currentcolor;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-focus,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focus,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focused,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:focus{
+    background-color: initial;
+            background-image: $feather-feather-focused-on-surface-gradient;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-selected .k-link{
+    color: inherit;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-selected .k-link{
+    color: inherit;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+            font-weight: 500;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-selected .k-link{
+    color: inherit;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+            font-weight: 500;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-selected .k-link{
+    color: inherit;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+            font-weight: 500;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:disabled{
+    opacity: 100%;
+            color: $feather-feather-disabled-text-on-surface;
+            background-color: initial;
+            background-image: none;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:disabled{
+    opacity: 100%;
+            color: $feather-feather-disabled-text-on-surface;
+            background-color: initial;
+            background-image: none;
+        
+}
+    .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td:disabled{
+    background-color: initial;
+            background-image: none;
+            color: $feather-feather-disabled-text-on-surface;
+            opacity: 100%;
+        
+}
+    .k-calendar .k-calendar-view::after{
+    visibility: hidden;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-range-mid{
+    background-color: initial;
+            background-image: $feather-feather-active-on-surface-gradient;
+        
+}
+    .k-button.k-button-flat.k-button-flat-primary .k-button-text{
+    color: k-color( primary-on-surface );
+        
+}
+    .k-button.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg{
+    width: $feather-kendo-icon-size;
+            height: $feather-kendo-icon-size;
+            color: k-color( primary-on-surface );
+        
+}
+    .k-button.k-button-flat.k-button-flat-primary.k-icon-button .k-button-icon.k-icon.k-svg-icon{
+    color: inherit;
+        
+}
+    .k-button.k-button-solid-primary .k-button-text{
+    color: k-color( on-primary );
+        
+}
+    .k-button.k-disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button.k-state-disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button:disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
+    color: $feather-feather-disabled-text-on-surface;
+        
+}
+    .k-colorpicker.k-picker.k-icon-picker .k-input-inner .k-value-icon.k-color-preview{
+    visibility: visible;
+        
+}
+    .k-colorpicker.k-picker.k-icon-picker .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask::before{
+    visibility: visible;
+        
+}
+    .k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button{
+    background-color: transparent;
+            background-image: linear-gradient(transparent, transparent);
+            outline-style: none;
+            border-bottom-style: none;
+            border-left-style: none;
+            border-right-style: none;
+            border-top-style: none;
+        
+}
+    .k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button.k-hover,.k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button.k-state-hover,.k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button.k-state-hovered,.k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button:hover{
+    background-color: k-color( app-surface );
+            background-image: $feather-feather-hover-on-surface-gradient;
+            outline-style: none;
+        
+}
+    .k-form-hint{
+    font-style: normal;
+            font-size: $feather-feather-font-size-md;
+        
+}
+    .k-form-error{
+    font-size: $feather-feather-font-size-md;
+            font-style: normal;
+        
+}
+    .k-dropdowntree .k-input-button.k-button.k-icon-button{
+    width: $feather-feather-container-height-sm;
+            height: $feather-feather-container-height-sm;
+            margin-top: 0.175rem;
+            margin-right: 0.25rem;
+            border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
+        
+}
+    .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-clear-value{
+    width: $feather-feather-container-height-sm;
+            height: $feather-feather-container-height-sm;
+            border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
+        
+}
+    .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button{
+    width: $feather-feather-container-height-sm;
+            height: $feather-feather-container-height-sm;
+            border-bottom-left-radius: $feather-feather-border-radius-full;
+            border-bottom-right-radius: $feather-feather-border-radius-full;
+            border-top-left-radius: $feather-feather-border-radius-full;
+            border-top-right-radius: $feather-feather-border-radius-full;
+            border-bottom-style: none;
+            border-left-style: none;
+            border-right-style: none;
+            border-top-style: none;
+            outline-style: none;
+        
+}
+    .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus{
+                    @extend %feather-effects-feather-focus-inner-on-surface-important;
+      
+}
+    .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary{
+    outline-style: none;
+        
+}
+    .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focused,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:focus{
+                    @extend %feather-effects-feather-focus-outer-on-color-important;
+          outline-style: none;
+        
+}
+    .k-expander.k-expanded.k-disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-up >svg,.k-expander.k-expanded.k-state-disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-up >svg,.k-expander.k-expanded:disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-up >svg{
+    color: $feather-feather-border-on-surface;
+        
+}
+    .k-dateinput.k-input.k-invalid .k-input-inner,.k-dateinput.k-input.ng-invalid.ng-touched .k-input-inner,.k-dateinput.k-input.ng-invalid.ng-dirty .k-input-inner{
+    color: $feather-kendo-component-text;
+        
+}
+    .k-textbox.k-input .k-input-inner::placeholder{
+    color: inherit;
+        
+}
+    .k-numerictextbox.k-input .k-input-inner::placeholder{
+    color: inherit;
+        
+}
+    .k-maskedtextbox.k-input .k-input-inner::placeholder{
+    color: inherit;
+        
+}
+    .k-maskedtextbox.k-input.k-invalid.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-input-solid{
+    color: k-color( error );
+        
+}
+    .k-input.k-invalid.k-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid,.k-input.k-invalid.k-state-focus.k-input-solid,.k-input.k-invalid.k-state-focused.k-input-solid,.k-input.k-invalid:focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-touched:focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-dirty:focus.k-input-solid{
+                    @extend %feather-effects-feather-focus-invalid-outer;
+      
+}
+    .k-input.k-invalid.k-input-solid,.k-input.ng-invalid.ng-touched.k-input-solid,.k-input.ng-invalid.ng-dirty.k-input-solid{
+    border-bottom-color: $feather-kendo-input-invalid-border;
+            border-left-color: $feather-kendo-input-invalid-border;
+            border-right-color: $feather-kendo-input-invalid-border;
+            border-top-color: $feather-kendo-input-invalid-border;
+        
+}
+    .k-input.k-hover,.k-input.k-state-hover,.k-input.k-state-hovered,.k-input:hover{
+                    @extend %feather-effects-feather-input-hover-on-surface;
+          transition-property: all;
+            transition-duration: 280ms;
+            transition-timing-function: ease-out;
+        
+}
+    .k-datepicker.k-input.k-invalid.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-invalid.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-invalid.k-input-solid,.k-datepicker.k-input.k-invalid.ng-invalid.ng-touched.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.ng-touched.k-input-solid,.k-datepicker.k-input.k-invalid.ng-invalid.ng-dirty.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.ng-dirty.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
+}
+    .k-datepicker.k-input.k-invalid.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
+    color: k-color( error );
+        
+}
+    .k-datepicker.k-input.k-invalid .k-input-inner,.k-datepicker.k-input.ng-invalid.ng-touched .k-input-inner,.k-datepicker.k-input.ng-invalid.ng-dirty .k-input-inner{
+    color: $feather-kendo-input-text;
+        
+}
+    .k-timepicker.k-input .k-input-inner{
+    color: $feather-kendo-input-text;
+        
+}
+    .k-timepicker.k-input.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-invalid.k-input-solid,.k-timepicker.k-input.k-invalid.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.ng-touched.k-input-solid,.k-timepicker.k-input.k-invalid.ng-invalid.ng-dirty.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.ng-dirty.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
+}
+    .k-timepicker.k-input.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
+    color: k-color( error );
+        
+}
+    .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-list-wrapper .k-time-list::before{
+    box-shadow: none;
+            visibility: visible;
+        
+}
+    .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-list-wrapper .k-time-list::after{
+    box-shadow: none;
+        
+}
+    .k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus::before,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus::before,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused::before,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus::before{
+    background-color: initial;
+            background-image: none;
+        
+}
+    .k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus::after,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus::after,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused::after,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus::after{
+    background-color: initial;
+            background-image: none;
+        
+}
+    .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-highlight{
+    background-color: initial;
+            background-image: $feather-feather-focused-on-surface-gradient;
+            visibility: visible;
+            margin-top: 14px;
+            border-bottom-style: none;
+            border-left-style: none;
+            border-right-style: none;
+            border-top-style: none;
+            height: 3rem;
+        
+}
+    .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-separator{
+    visibility: visible;
+            top: 22px;
+        
+}
+    .k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus{
+    background-color: initial;
+            background-image: $feather-feather-hover-on-surface-gradient;
+            border-bottom-left-radius: $feather-feather-border-radius;
+            border-bottom-right-radius: $feather-feather-border-radius;
+            border-top-left-radius: $feather-feather-border-radius;
+            border-top-right-radius: $feather-feather-border-radius;
+        
+}
+    .k-timeselector .k-time-list-container .k-time-list-wrapper{
+    border-bottom-left-radius: $feather-feather-border-radius;
+            border-bottom-right-radius: $feather-feather-border-radius;
+            border-top-left-radius: $feather-feather-border-radius;
+            border-top-right-radius: $feather-feather-border-radius;
+            padding-top: 10px;
+        
+}
+    .k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus .k-title{
+    color: k-color( primary );
+            font-weight: 700;
+        
+}
+    .k-timeselector .k-time-list-container .k-time-list-wrapper .k-title{
+    color: $feather-kendo-component-text;
+            font-weight: 500;
+            line-height: 3;
+            position: relative;
+            top: -10px;
+        
+}
+    .k-popup.k-timepicker-popup .k-timeselector .k-time-header{
+    font-variant-numeric: tabular-nums;
+        
+}
+    .k-popup.k-timepicker-popup .k-timeselector .k-time-header .k-title{
+                    @extend %feather-typography-feather-heading-2;
+      
+}
+    .k-popup.k-timepicker-popup .k-time-footer.k-actions.k-actions-stretched.k-actions-horizontal{
+    padding-bottom: $feather-feather-spacing-xs;
+            padding-left: $feather-feather-spacing-s;
+            padding-right: $feather-feather-spacing-s;
+            padding-top: $feather-feather-spacing-xs;
+            margin-top: $feather-feather-spacing-xs;
+        
+}
+    .k-datetimepicker.k-input .k-input-inner{
+    color: $feather-kendo-input-text;
+        
+}
+    .k-calendar .k-calendar-navigation .k-content .k-reset >li{
+    display: flex;
+            flex-direction: row;
+        
+}
+    .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
+    display: flex;
+            flex-direction: column;
+            align-items: stretch;
+            align-self: stretch;
+        
+}
+    .k-daterangepicker .k-floating-label-container .k-dateinput.k-input .k-input-inner{
+    color: $feather-kendo-input-text;
+        
+}
+    .k-daterangepicker .k-floating-label-container .k-dateinput.k-input.k-input-solid{
+    border-bottom-color: currentcolor;
+            border-left-color: currentcolor;
+            border-right-color: currentcolor;
+            border-top-color: currentcolor;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-selected .k-link{
+    color: inherit;
+            font-weight: 500;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-selected .k-link{
+    color: inherit;
+            font-weight: 500;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-selected .k-link{
+    color: inherit;
+            font-weight: 500;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-selected{
+    color: $feather-kendo-calendar-cell-selected-text;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:focus .k-link{
+                    @extend %feather-effects-feather-focus-inner-on-color;
+      
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:focus .k-link{
+                    @extend %feather-effects-feather-focus-inner-on-color;
+      
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:focus .k-link{
+                    @extend %feather-effects-feather-focus-inner-on-color;
+      
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:focus{
+    background-color: initial;
+            background-image: $feather-feather-focused-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:focus{
+    background-color: initial;
+            background-image: $feather-feather-focused-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:focus{
+    background-color: initial;
+            background-image: $feather-feather-focused-on-surface-gradient;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-today{
+    color: $feather-kendo-calendar-today-color;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-today{
+    color: $feather-kendo-calendar-today-color;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-today{
+    color: $feather-kendo-calendar-today-color;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td .k-link{
+    font-weight: 400;
+        
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td .k-link{
+    font-weight: 400;
+        
 }