@featherk/styles 0.6.4 → 0.6.5

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

@@ -1,3 +1,11 @@
+.fk-daterangepicker .k-maskedtextbox {
+  width: 16rem;
+  min-width: 16rem;
+}
+.fk-daterangepicker .k-maskedtextbox:has(.k-clear-value) {
+  width: 18rem;
+  min-width: 18rem; /* FEATHER-1155 */
+}
 .fk-daterangepicker .k-input-suffix,
 .fk-daterangepicker .k-input-prefix {
   cursor: pointer;

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

@@ -11,13 +11,20 @@
   content: "";
   position: absolute;
   top: 0;
-  bottom: 0;
   background: var(--kendo-color-border);
   width: 1px;
   margin: 0 -1px;
   pointer-events: none;
 }
 
+/* FEATHER-1141 */
+.fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item.fk-separator-prefix::before {
+  left: 0;
+}
+.fk-menu .k-menu.k-menu-horizontal > .k-item.k-menu-item.fk-separator-suffix::after {
+  right: 0;
+}
+
 /* VERTICAL */
 .fk-menu
   .k-menu.k-menu-vertical

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

@@ -0,0 +1,3 @@
+.tb-v8_2_0 {
+  font-family: "Inter";
+}

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

@@ -12,8 +12,10 @@
   
       @use "../external-styles/featherk-overrides--k-expander.css";
   
-      @use "../external-styles/featherk-overrides--k-menu.css";
-  
       @use "../external-styles/featherk-overrides--k-zerowidthspace.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-version.css";

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

@@ -629,10 +629,6 @@
             background-color: initial !important;
             background-image: $fk-feather-focused-on-surface-gradient !important;
         
-}
-    h1{
-                    @extend %fk-typography-feather-heading-1;
-      
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link{
     padding-left: 16px;
@@ -5355,22 +5351,6 @@
             background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
         
-}
-    h2.fk-heading2{
-                    @extend %fk-typography-feather-heading-2;
-      
-}
-    h3.fk-heading3{
-                    @extend %fk-typography-feather-heading-3;
-      
-}
-    h4.fk-heading4{
-                    @extend %fk-typography-feather-heading-4;
-      
-}
-    h5.fk-heading5{
-                    @extend %fk-typography-feather-heading-5;
-      
 }
     div.fk-container{
     padding-bottom: $fk-kendo-expander-content-padding-x;
@@ -5399,4 +5379,20 @@
             flex-direction: column;
             row-gap: $fk-kendo-expander-spacing-y;
         
+}
+    p{
+    font-family: Inter;
+        
+}
+    h1:hover{
+                    @extend %fk-typography-feather-heading-1;
+      
+}
+    h1{
+                    @extend %fk-typography-feather-heading-1;
+      
+}
+    h3{
+                    @extend %fk-typography-feather-heading-3;
+      
 }

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

@@ -258,6 +258,7 @@ $fk-error-emphasis:  rgb(187.5, 65.25, 87);
 $fk-error-on-subtle:  rgb(57.75, 0.7, 10.85);
 $fk-on-error:  white;
 $fk-error-on-surface:  rgb(123.75, 1.5, 23.25);
+$fk-dark-on-surface: rgba(10,12,27,0.6);
 $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;
@@ -572,6 +573,7 @@ error-emphasis:  rgb(187.5, 65.25, 87),
 error-on-subtle:  rgb(57.75, 0.7, 10.85),
 on-error:  white,
 error-on-surface:  rgb(123.75, 1.5, 23.25),
+dark-on-surface: rgba(10,12,27,0.6),
 on-dark: $fk-feather-primary-text-on-color,
 on-app-surface: $fk-feather-secondary-text-on-surface,
 surface-alt: $fk-feather-surface-shade-1,

package/dist/v8.2.0/scss/custom-components/_fk-container-with-heading.scss

@@ -0,0 +1,22 @@
+
+    .fk-container .fk-container-actions{
+    justify-content: end;
+            display: inline-flex;
+        
+}
+    .fk-container .fk-container-content{
+    display: flex;
+        
+}
+    .fk-container{
+                    @extend %fk-typography-feather-body-small;
+      
+}
+    .fk-container .fk-container-heading-section{
+    height: auto;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-around;
+            align-items: stretch;
+        
+}

package/dist/v8.2.0/scss/custom-components/index.scss

@@ -0,0 +1,2 @@
+
+@import 'fk-container-with-heading';

package/dist/v8.2.0/scss/index.scss

@@ -6,4 +6,5 @@
 @import 'kendo';
 @import 'placeholders';
 @import 'externalStyles';
-@import 'overrides';
+@import 'overrides';
+@import 'custom-components';

package/package.json

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