@featherk/styles 0.6.1 → 0.6.2

package/dist/v8.2.0/css/featherk-beautified.css

@@ -47425,6 +47425,26 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-animation-container:has(.k-calendar-view) {
   margin-top: 0.25rem;
 }
+.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: "";
+}
 .k-tabstrip .k-tabstrip-content.k-active,
 .k-tabstrip .k-tabstrip-content.k-state-active,
 .k-tabstrip .k-tabstrip-content:active {
@@ -48178,6 +48198,15 @@ ul,
 .k-button:focus.k-button-flat.k-button-flat-primary {
   box-shadow: 0px 0px 0px 2px #195bb5 !important;
 }
+.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,
+.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,
 .k-calendar
   .k-calendar-view.k-calendar-centuryview
   .k-content
@@ -49918,6 +49947,7 @@ ul,
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
   min-height: 2.25rem;
+  min-width: 64px;
 }
 .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item {
   color: rgba(10, 12, 27, 0.7);
@@ -56739,3 +56769,115 @@ div.feather-ks-spacing-s {
   background-color: var(--kendo-color-surface, rgb(252, 252, 255));
   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: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.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: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.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 {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.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: #003583;
+}
+.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: rgba(10, 12, 27, 0.4);
+}
+.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: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.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: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+  color: var(--kendo-color-primary, #003583);
+}
+.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 {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}