@featherk/styles 0.7.3 → 0.7.5

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

@@ -1,3 +1,20 @@
+/* #region Notification overrides */
+/* Ensures all notification icons have consistent size */
+.k-notification .k-icon.k-svg-icon {
+  flex-shrink: 0;
+  width: 1.875rem;
+  height: 1.875rem;
+}
+
+.k-notification.k-notification-closable .k-notification-actions,
+.k-notification .k-icon.k-svg-icon:nth-child(1) {
+  align-self: flex-start;
+  width: 1.875rem;
+  height: 1.875rem;
+}
+/* #endregion Notification overrides */
+
+/* #region fk-banner  */
 .k-notification.fk-banner {
   font-weight: 500;
 }
@@ -37,7 +54,6 @@
   );
   color: color-mix(in srgb, var(--kendo-color-warning) 40%, black);
 }
-
 /* #endregion fk-banner colors */
 
 /* Adds flex when using custom icons from @featherk/icons */
@@ -48,17 +64,8 @@
   gap: 0.25rem;
 }
 
-/* prevents long notification content text from shrinking icons */
-.k-notification.fk-banner.k-notification-closable .k-notification-actions,
-.k-notification.fk-banner .k-icon.k-svg-icon:nth-child(1) {
-  width: 1.875rem;
-  height: 1.875rem;
-  align-self: flex-start;
+.fk-banner--no-shadow {
+  box-shadow: none;
 }
 
-/* Ensures all notification icons have consistent size (without regard to .fk-banner) */
-.k-notification .k-icon.k-svg-icon {
-  flex-shrink: 0;
-  width: 1.875rem;
-  height: 1.875rem;
-}
+/* #endregion fk-banner */

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

@@ -1,13 +1,13 @@
     @use "../external-styles/featherk-map-evitiAdvisor.css";
   
-      @use "../external-styles/featherk-overrides--k-tooltip.css";
-  
-      @use "../external-styles/featherk-overrides--k-expander.css";
-  
       @use "../external-styles/featherk-overrides--k-slider.css";
   
       @use "../external-styles/featherk-overrides--k-loader.css";
   
+      @use "../external-styles/featherk-overrides--k-tooltip.css";
+  
+      @use "../external-styles/featherk-overrides--k-expander.css";
+  
       @use "../external-styles/featherk-overrides--k-version.css";
   
       @use "../external-styles/featherk-overrides--k-zerowidthspace.css";

package/dist/v8.2.0/scss/_fonts.scss

@@ -1,3 +1,11 @@
+@font-face {
+  font-family: Inter;
+  src: url('../fonts/Inter-Regular.woff2') format('woff2');
+  font-style: normal;
+  font-weight: 400;
+  font-display: auto;
+}
+
 @font-face {
   font-family: Inter;
   src: url('../fonts/Inter-Light.woff2') format('woff2');
@@ -16,33 +24,33 @@
 
 @font-face {
   font-family: Inter;
-  src: url('../fonts/Inter-LightItalic.woff2') format('woff2');
+  src: url('../fonts/Inter-BoldItalic.woff2') format('woff2');
   font-style: italic;
-  font-weight: 300;
+  font-weight: 700;
   font-display: auto;
 }
 
 @font-face {
   font-family: Inter;
-  src: url('../fonts/Inter-Italic.woff2') format('woff2');
+  src: url('../fonts/Inter-MediumItalic.woff2') format('woff2');
   font-style: italic;
-  font-weight: 400;
+  font-weight: 500;
   font-display: auto;
 }
 
 @font-face {
   font-family: Inter;
-  src: url('../fonts/Inter-Regular.woff2') format('woff2');
-  font-style: normal;
-  font-weight: 400;
+  src: url('../fonts/Inter-LightItalic.woff2') format('woff2');
+  font-style: italic;
+  font-weight: 300;
   font-display: auto;
 }
 
 @font-face {
   font-family: Inter;
-  src: url('../fonts/Inter-MediumItalic.woff2') format('woff2');
+  src: url('../fonts/Inter-Italic.woff2') format('woff2');
   font-style: italic;
-  font-weight: 500;
+  font-weight: 400;
   font-display: auto;
 }
 
@@ -52,12 +60,4 @@
   font-style: normal;
   font-weight: 500;
   font-display: auto;
-}
-
-@font-face {
-  font-family: Inter;
-  src: url('../fonts/Inter-BoldItalic.woff2') format('woff2');
-  font-style: italic;
-  font-weight: 700;
-  font-display: auto;
 }

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

@@ -5061,7 +5061,8 @@
         
 }
     .k-dialog-wrapper .k-window.k-dialog .k-window-content.k-dialog-content{
-    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+            padding-top: 0.5rem;
         
 }
     .fk-loader.k-loader.k-loader-sm.k-loader-spinner-3 .k-loader-canvas .k-loader-segment{
@@ -5540,4 +5541,69 @@
     .k-dialog-wrapper .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar .k-window-title.k-dialog-title{
                     @extend %fk-typography-feather-heading-2;
       
+}
+    .k-notification.k-notification-success .k-notification-status.k-icon.k-svg-icon{
+    height: 1.5rem;
+            width: 1.5rem;
+        
+}
+    .k-notification.k-notification-error .k-notification-status.k-icon.k-svg-icon{
+    height: 1.5rem;
+            width: 1.5rem;
+        
+}
+    .k-notification.k-notification-warning .k-notification-status.k-icon.k-svg-icon{
+    height: 1.5rem;
+            width: 1.5rem;
+        
+}
+    .k-notification.k-notification-info .k-notification-status.k-icon.k-svg-icon{
+    height: 1.5rem;
+            width: 1.5rem;
+        
+}
+    .k-notification.k-notification-closable .k-notification-actions .k-notification-action.k-notification-close-action .k-icon.k-svg-icon{
+    height: 1.5rem;
+            width: 1.5rem;
+        
+}
+    .k-notification.k-notification-closable .k-notification-actions{
+    align-items: start;
+            align-self: start;
+            display: inline-flex;
+            height: 1.5rem;
+            justify-content: end;
+            width: 1.5rem;
+        
+}
+    .k-notification.k-notification-closable.k-notification-success .k-notification-actions .k-notification-action.k-notification-close-action .k-icon.k-svg-icon{
+    display: flex;
+            justify-content: end;
+        
+}
+    .k-notification.k-notification-closable.k-notification-success .k-notification-status.k-icon.k-svg-icon{
+    align-items: start;
+            align-self: start;
+            display: flex;
+            justify-content: start;
+        
+}
+    .k-notification.k-notification-closable.k-notification-success .k-notification-actions .k-notification-action.k-notification-close-action .k-icon.k-svg-icon >svg{
+    align-items: start;
+            align-self: start;
+            display: flex;
+            justify-content: end;
+        
+}
+    .k-notification.k-notification-closable.k-notification-success{
+    align-self: center;
+        
+}
+    .k-notification{
+    font-size: $fk-kendo-font-size-md;
+        
+}
+    .k-notification.k-notification-closable.k-notification-warning .k-notification-actions{
+    display: inline-flex;
+        
 }

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

@@ -175,6 +175,7 @@ $fk-kendo-window-buttongroup-border-width: $fk-feather-border-width;
 $fk-kendo-border-radius: $fk-feather-border-radius;
 $fk-kendo-border-radius-md: $fk-kendo-border-radius;
 $fk-kendo-font-size-xs: $fk-feather-font-size-sm;
+$fk-kendo-font-size-md: $fk-feather-font-size-md;
 $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);

package/package.json

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