npm - @featherk/styles - Versions diffs - 0.6.10 → 0.6.12 - Mend

@featherk/styles 0.6.10 → 0.6.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/v8.2.0/css/featherk-beautified.css +472 -100
package/dist/v8.2.0/css/featherk.css +1 -1
package/dist/v8.2.0/external-styles/featherk-overrides--k-datetime.css +6 -7
package/dist/v8.2.0/external-styles/featherk-overrides--k-tabstrip.css +419 -0
package/dist/v8.2.0/scss/_externalStyles.scss +5 -3
package/dist/v8.2.0/scss/_overrides.scss +26 -23
package/package.json +1 -1

package/dist/v8.2.0/external-styles/featherk-overrides--k-datetime.css CHANGED Viewed

@@ -75,14 +75,8 @@
 }
 /* Custom Time Picker */
-.fk-timepicker .k-timepicker {
-  width: 10rem;
-  min-width: 10rem;
-  display: flex;
-  justify-content: space-between;
-}
 /* Custom Date Picker */
+.fk-timepicker .k-timepicker,
 .fk-datepicker .k-datepicker {
   width: 10rem;
   min-width: 10rem;
@@ -99,3 +93,8 @@
   box-shadow: none;
 }
+.fk-datepicker .k-maskedtextbox,
+.fk-timepicker .k-maskedtextbox {
+  border-width: 0;
+  border-radius: 0;
+}

package/dist/v8.2.0/external-styles/featherk-overrides--k-tabstrip.css ADDED Viewed

@@ -0,0 +1,419 @@
+/* TabStrip cannot be styled with ThemeBuilder because it uses k-tabstrip-item
+in every style definition.
+The Kendo UI for Vue v6.4.1 DOES NOT RENDER this class on the li tags, so none
+of out styles are applied.  Every TabStrip style from ThemeBuilder must be
+re-applied here without the k-tabstrip-item class.  There is no way to modify
+ThemeBuilder to remove this class.
+*/
+/* #region k-tabstrip-item fix */
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item,
+.k-button.k-button-md {
+  font-family: Inter;
+  font-size: 0.875rem;
+  font-weight: 700;
+  line-height: 1.4285714286;
+  letter-spacing: 0.2px;
+  text-transform: none;
+}
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused,
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
+  box-shadow: inset 0px 0px 0px 2px #195bb5;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item
+  .k-link {
+  padding-bottom: 4px;
+}
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item {
+  color: #003583;
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active
+  .k-link {
+  padding-bottom: 3px;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:focus
+  .k-link {
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-top-width: 1px;
+  border-bottom-color: var(--kendo-color-primary, #003583);
+  border-bottom-style: solid;
+  border-left-color: var(--kendo-color-primary, #003583);
+  border-left-style: solid;
+  border-right-color: var(--kendo-color-primary, #003583);
+  border-right-style: solid;
+  border-top-color: var(--kendo-color-primary, #003583);
+  border-top-style: solid;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active:focus
+  .k-link {
+  border-bottom-color: #003583;
+  border-bottom-style: solid;
+  border-bottom-width: 3px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-top-width: 1px;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active:focus
+  .k-link {
+  border-left-color: #003583;
+  border-right-color: #003583;
+  border-top-color: #003583;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active,
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:active {
+  background-color: initial;
+  background-image: none;
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  box-shadow: inset 0px -3px 0px 0px var(--kendo-color-primary, #003583);
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-hover
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-hover
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-hovered
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:hover
+  .k-link {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused,
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+/* #endregion k-tabstrip-item fix */
+/* #region fk-tabstrip-no-border */
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
+  .k-tabstrip-content.k-state-active,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  padding-left: 0px;
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:focus {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active
+  .k-link {
+  padding-bottom: 4px;
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active {
+  box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active:focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active:focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active:focus {
+  box-shadow:
+    inset 0px -4px 0px 0px var(--kendo-color-primary, #003583),
+    inset 0px 0px 0px 2px var(--kendo-color-primary, #003583);
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item
+  .k-link {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+}
+/* #endregion fk-tabstrip-no-border */

package/dist/v8.2.0/scss/_externalStyles.scss CHANGED Viewed

@@ -18,8 +18,10 @@
       @use "../external-styles/featherk-overrides--k-menu.css";
-      @use "../external-styles/featherk-overrides--k-datetime.css";
       @use "../external-styles/featherk-overrides--k-layout.css";
-      @use "../external-styles/featherk-overrides--k-textbox.css";
+      @use "../external-styles/featherk-overrides--k-textbox.css";
+      @use "../external-styles/featherk-overrides--k-datetime.css";
+      @use "../external-styles/featherk-overrides--k-tabstrip.css";

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

@@ -341,14 +341,6 @@
     .k-slider .k-label{
     font-variant-numeric: tabular-nums;
-}
-    .k-appbar.k-appbar-light.k-appbar-static{
-    position: static;
-}
-    .k-appbar.k-appbar-light.k-appbar-top{
-    top: auto;
 }
     .k-appbar.k-appbar-light{
     height: 64px;
@@ -357,6 +349,10 @@
             box-shadow: 0px 1px 0px 0px $fk-feather-border-on-color;
             color: $fk-kendo-appbar-dark-text;
+}
+    .k-appbar.k-appbar-light.k-appbar-static{
+    position: absolute;
 }
     .k-appbar.k-appbar-light .k-appbar-section{
     height: 48px;
@@ -5492,37 +5488,44 @@
             background-image: $fk-feather-focused-on-surface-gradient;
 }
-    .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-state-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active{
+    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
+    box-shadow: inset 0px -4px 0px 0px k-color( primary );
+}
+    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
     border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            padding-left: 0px;
 }
-    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:focus{
-    border-bottom-style: none;
+    .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
+    margin-bottom: -1px;
+            border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
 }
-    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
-    padding-bottom: 4px;
+    .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
+    font-weight: 400;
 }
-    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
-    box-shadow: inset 0px -4px 0px 0px k-color( primary );
+    .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
+    font-weight: 800;
+            letter-spacing: -0.015em;
+            margin-right: 1px;
 }
-    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active:focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active:focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active:focus{
-    box-shadow: inset 0px -4px 0px 0px k-color( primary ),inset 0px 0px 0px 2px k-color( primary );
+    .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
+    font-weight: 500;
 }
-    .fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
+    .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
+    margin-left: 1px;
+}
+    .k-slider.k-slider-horizontal .k-slider-track-wrap .k-slider-track .k-draghandle.k-draghandle-start{
+    visibility: visible;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@featherk/styles",
-  "version": "0.6.10",
+  "version": "0.6.12",
   "type": "module",
   "files": [
     "dist"