@featherk/styles 0.6.4 → 0.6.6

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-layout.css

@@ -0,0 +1,13 @@
+/* THEMEBUILDER: candidate */
+.fk-field-block {
+  margin-bottom: max(1.125rem);
+}
+.fk-field-block :is(.k-label) {
+  display: block;
+  margin-block: 0.25rem;
+}
+
+/* .fk-field-block :is(:nth-child(2)) {} */
+
+/* .fk-field-block :is(.k-form-hint, .k-form-hint) {} */
+

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

@@ -14,10 +14,17 @@
   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/external-styles/featherk-overrides--k-zerowidthspace.css

@@ -1,5 +1,7 @@
 .k-icon-wrap::before,
 .k-checkbox-wrap::before,
+.k-list-item-text::before,
+.k-list-header-text::before,
 .k-list-optionlabel::before,
 .k-table-list .k-table-group-row::before,
 .k-skeleton-text:empty::before,

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

@@ -12,8 +12,12 @@
   
       @use "../external-styles/featherk-overrides--k-expander.css";
   
-      @use "../external-styles/featherk-overrides--k-menu.css";
+      @use "../external-styles/featherk-overrides--k-datetime.css";
+  
+      @use "../external-styles/featherk-overrides--k-version.css";
+  
+      @use "../external-styles/featherk-overrides--k-layout.css";
   
       @use "../external-styles/featherk-overrides--k-zerowidthspace.css";
   
-      @use "../external-styles/featherk-overrides--k-datetime.css";
+      @use "../external-styles/featherk-overrides--k-menu.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;
@@ -1281,18 +1277,6 @@
           border-bottom-right-radius: $fk-kendo-window-border-radius;
             overflow: hidden;
         
-}
-    h2{
-                    @extend %fk-typography-feather-heading-2;
-      
-}
-    h4{
-                    @extend %fk-typography-feather-heading-4;
-      
-}
-    h6{
-                    @extend %fk-typography-feather-heading-6;
-      
 }
     .k-grid.k-grid-md .k-table{
     border-collapse: separate;
@@ -3519,6 +3503,11 @@
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
+            outline-color: $fk-kendo-component-border;
+            border-bottom-color: k-color( border );
+            border-left-color: k-color( border );
+            border-right-color: k-color( border );
+            border-top-color: k-color( border );
         
 }
     .k-switch.k-switch-on .k-switch-track{
@@ -3720,15 +3709,20 @@
         
 }
     .k-input.k-state-readonly.k-input-solid,.k-input[readonly].k-input-solid{
-    border-bottom-color: $fk-feather-disabled-text-on-surface;
-            border-left-color: $fk-feather-disabled-text-on-surface;
-            border-right-color: $fk-feather-disabled-text-on-surface;
-            border-top-color: $fk-feather-disabled-text-on-surface;
+    border-bottom-color: k-color( border );
+            border-left-color: k-color( border );
+            border-right-color: k-color( border );
+            border-top-color: k-color( border );
         
 }
     .k-input.k-state-readonly,.k-input[readonly]{
-    background-color: k-color( border-alt );
+    background-color: initial;
             background-image: none;
+            border-bottom-style: solid;
+            border-left-style: solid;
+            border-right-style: solid;
+            border-top-style: solid;
+            outline-style: none;
         
 }
     .k-dateinput.k-input .k-input-inner{
@@ -5355,22 +5349,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 +5377,8 @@
             flex-direction: column;
             row-gap: $fk-kendo-expander-spacing-y;
         
+}
+    h1{
+                    @extend %fk-typography-feather-heading-1;
+      
 }

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.6",
   "type": "module",
   "files": [
     "dist"