@featherk/styles 0.6.0 → 0.6.2

package/dist/v8.2.0/external-styles/featherk-overrides--k-zerowidthspace.css

@@ -0,0 +1,30 @@
+.k-icon-wrap::before,
+.k-checkbox-wrap::before,
+.k-list-optionlabel::before,
+.k-table-list .k-table-group-row::before,
+.k-skeleton-text:empty::before,
+.k-placeholder-line:empty::before,
+.k-input-value-text::before,
+.k-radio-wrap::before,
+.k-calendar-infinite .k-calendar-view::after,
+.k-calendar-navigation::before,
+.k-calendar-navigation::after,
+.k-time-list-wrapper.k-focus::before,
+.k-time-list-wrapper.k-focus::after,
+.k-time-list::before,
+.k-time-list::after ,
+.k-multiselecttree .k-input-inner::before,
+.k-window-title::before,
+.k-gantt-tasks td::after {
+  content: "";
+}
+
+
+
+
+
+
+
+
+
+

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

@@ -12,4 +12,6 @@
   
       @use "../external-styles/featherk-overrides--k-loader.css";
   
-      @use "../external-styles/featherk-overrides--k-datetime.css";
+      @use "../external-styles/featherk-overrides--k-datetime.css";
+  
+      @use "../external-styles/featherk-overrides--k-zerowidthspace.css";

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

@@ -1038,6 +1038,7 @@
             border-top-left-radius: $fk-kendo-border-radius-md;
             border-top-right-radius: $fk-kendo-border-radius-md;
             min-height: $fk-feather-container-height-md;
+            min-width: 64px;
         
 }
     .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item{
@@ -5324,4 +5325,54 @@
     font-style: normal;
             line-height: 1.25;
         
+}
+    .k-menu-popup.k-popup{
+    background-color: k-color( surface );
+            background-image: none;
+        
+}
+    .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-hover .k-link.k-menu-link,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-hover .k-link.k-menu-link,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-hovered .k-link.k-menu-link,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:hover .k-link.k-menu-link{
+    background-color: initial;
+            background-image: $fk-feather-hover-on-surface-gradient;
+        
+}
+    .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item .k-link.k-menu-link.k-active,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item .k-link.k-menu-link.k-state-active,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item .k-link.k-menu-link:active{
+    color: k-color( primary );
+            background-color: initial;
+            background-image: $fk-feather-focused-on-surface-gradient;
+        
+}
+    .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-focus,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focus,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focused,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:focus{
+                    @extend %fk-effects-feather-focus-inner-on-surface;
+          color: k-color( primary );
+            background-color: initial;
+            background-image: $fk-feather-focused-on-surface-gradient;
+        
+}
+    .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-focus .k-link.k-menu-link .k-icon.k-svg-icon >svg,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focus .k-link.k-menu-link .k-icon.k-svg-icon >svg,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focused .k-link.k-menu-link .k-icon.k-svg-icon >svg,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:focus .k-link.k-menu-link .k-icon.k-svg-icon >svg{
+    color: $fk-feather-primary;
+        
+}
+    .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-disabled,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-disabled,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:disabled{
+    opacity: 100%;
+            color: $fk-feather-disabled-text-on-surface;
+        
+}
+    .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-hover,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-hover,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-hovered,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item:hover{
+    background-color: initial;
+            background-image: $fk-feather-hover-on-surface-gradient;
+        
+}
+    .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item .k-link.k-menu-link.k-active,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item .k-link.k-menu-link.k-state-active,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item .k-link.k-menu-link:active{
+    background-color: initial;
+            background-image: $fk-feather-focused-on-surface-gradient;
+            color: k-color( primary );
+        
+}
+    .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-focus,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-focus,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-focused,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item:focus{
+                    @extend %fk-effects-feather-focus-inner-on-surface;
+          color: k-color( primary );
+            background-color: initial;
+            background-image: $fk-feather-focused-on-surface-gradient;
+        
 }

package/dist/v8.2.0/scss/_tokens.scss

@@ -169,20 +169,20 @@ $fk-kendo-font-size-xs: $fk-feather-font-size-sm;
 $fk-kendo-appbar-light-text: black;
 $fk-feather-primary-text-on-color: #ffffff;
 $fk-feather-secondary-text-on-surface: rgba(10,12,27,0.7);
-$fk-feather-surface-shade-3: rgba(232,232,240,1);
+$fk-feather-surface-shade-1: rgba(242,242,250,1);
 $fk-feather-border-on-surface: rgba(10, 12, 27, 0.12);
 $fk-feather-surface: rgba(252,252,255,1);
 $fk-feather-primary: #003583;
-$fk-feather-surface-shade-2: rgba(237,237,245,1);
 $fk-primary-hover:  rgb(0, 50.88, 125.76);
 $fk-kendo-button-bg: transparent;
+$fk-feather-surface-shade-2: rgba(237,237,245,1);
+$fk-feather-surface-shade-3: rgba(232,232,240,1);
 $fk-on-primary:  white;
 $fk-feather-icon-on-neutral: rgba(10, 12, 27, 0.60);
 $fk-kendo-calendar-cell-hover-bg: transparent;
 $fk-feather-border-light-on-surface: rgba(10,12,27,0.06);
 $fk-kendo-checkbox-bg: transparent;
 $fk-error: #a5021f;
-$fk-feather-surface-shade-1: rgba(242,242,250,1);
 $fk-feather-primary-text-on-surface: rgba(10,12,27,0.9);
 $fk-base-hover: #ebebeb;
 $fk-primary-subtle:  rgb(204, 214.6, 230.2);
@@ -261,13 +261,13 @@ $fk-error-on-surface:  rgb(123.75, 1.5, 23.25);
 $fk-on-dark: $fk-feather-primary-text-on-color;
 $fk-kendo-appbar-dark-text: $fk-on-dark;
 $fk-on-app-surface: $fk-feather-secondary-text-on-surface;
-$fk-surface-alt: $fk-feather-surface-shade-3;
+$fk-surface-alt: $fk-feather-surface-shade-1;
 $fk-border: $fk-feather-border-on-surface;
-$fk-app-surface: $fk-feather-surface;
+$fk-surface: $fk-feather-surface;
+$fk-app-surface: $fk-surface;
 $fk-kendo-breadcrumb-bg: $fk-app-surface;
 $fk-primary: $fk-feather-primary;
 $fk-kendo-breadcrumb-link-text: $fk-primary;
-$fk-surface: $fk-feather-surface-shade-2;
 $fk-kendo-button-text: $fk-primary;
 $fk-kendo-button-border: $fk-border;
 $fk-kendo-button-hover-bg: $fk-feather-surface-shade-2;
@@ -572,11 +572,11 @@ on-error:  white,
 error-on-surface:  rgb(123.75, 1.5, 23.25),
 on-dark: $fk-feather-primary-text-on-color,
 on-app-surface: $fk-feather-secondary-text-on-surface,
-surface-alt: $fk-feather-surface-shade-3,
+surface-alt: $fk-feather-surface-shade-1,
 border: $fk-feather-border-on-surface,
-app-surface: $fk-feather-surface,
+surface: $fk-feather-surface,
+app-surface: $fk-surface,
 primary: $fk-feather-primary,
-surface: $fk-feather-surface-shade-2,
 subtle: $fk-feather-icon-on-neutral,
 base: $fk-primary,
 border-alt: $fk-feather-border-light-on-surface,

package/package.json

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