@featherk/styles 0.6.1 → 0.6.3

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

@@ -0,0 +1,39 @@
+/* HORIZONTAL */
+.fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item {
+  position: relative;
+}
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-prefix::before,
+.fk-menu
+  .k-menu.k-menu-horizontal
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background: var(--kendo-color-border);
+  width: 1px;
+  margin: 0 -1px;
+  pointer-events: none;
+}
+
+/* VERTICAL */
+.fk-menu
+  .k-menu.k-menu-vertical
+  > .k-item.k-menu-item.fk-separator-prefix::before,
+.fk-menu
+  .k-menu.k-menu-vertical
+  > .k-item.k-menu-item.fk-separator-suffix::after {
+  content: "";
+  background: var(--kendo-color-border);
+  height: 1px;
+  margin: -1px 0;
+  pointer-events: none;
+}
+
+/* SHARED */
+.fk-menu .k-menu-vertical,
+.fk-menu .k-menu-horizontal {
+  width: fit-content;
+}

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

@@ -0,0 +1,20 @@
+.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,8 @@
   
       @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-menu.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{
@@ -5329,4 +5330,49 @@
     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/package.json

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