@c8y/style 1023.43.3 → 1023.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/style",
-  "version": "1023.43.3",
+  "version": "1023.47.0",
   "license": "Apache-2.0",
   "author": "Cumulocity GmbH",
   "description": "Styles for Cumulocity IoT applications",

package/styles/components/_smartrules.less

@@ -145,7 +145,7 @@
     .smart-rule-icon-size(@size-20);
 
     .card-icon {
-      .card-icon-alignment();
+      .card-icon-alignment;
     }
   }
 
@@ -179,7 +179,7 @@
     margin-bottom: @size-base !important;
 
     .card-back {
-      .card-header-actions-visible();
+      .card-header-actions-visible;
     }
 
     .card-header {
@@ -204,7 +204,7 @@
 
 .interact-grid {
   .smart-rule-list-card {
-    .card-header-actions-visible();
+    .card-header-actions-visible;
 
     .collapse {
       //display: block;
@@ -262,7 +262,7 @@
 
         .card-icon {
           display: none;
-          .card-icon-alignment();
+          .card-icon-alignment;
         }
       }
 

package/styles/components/navigation-and-layout/navigation/_tabs.less

@@ -103,7 +103,7 @@
     }
   } 
   &.nav-justified {
-    // Note: Intentionally empty - justified layout handled by .nav-justified base class (see _navs.less)
+    // Note: Intentionally empty - justified layout handled by .nav-justified base class (see _navs.scss)
     // Tab-specific justified styles are in .nav-tabs-justified class below
   }
   .dashboard-template-marker {
@@ -167,7 +167,7 @@
       box-shadow: none;
       color: inherit;
       option {
-        color: var(--gray-text; @text-color);
+        color: var(--gray-text, @text-color);
       }
     }
   }

package/styles/mixins/_buttons.less

@@ -1,3 +1,4 @@
+// Test change to verify auto-converter works
 // Button variants
 // Easily pump out default styles, as well as :hover, :focus, :active,
 // and disabled options for all buttons
@@ -20,7 +21,7 @@
   }
   &:active,
   &.active,
-  .open > .dropdown-toggle& {
+  .open > &.dropdown-toggle {
     color: ~'var(--@{el}-color-active)';
     background-color: ~'var(--@{el}-background-active)';
     border-color: ~'var(--@{el}-border-color-active)';
@@ -50,11 +51,11 @@
 }
 
 // Button sizes
-.button-size(@padding-vertical;
-@padding-horizontal;
-@font-size;
-@line-height;
-@border-radius; @height) {
+.button-size(@padding-vertical,
+@padding-horizontal,
+@font-size,
+@line-height,
+@border-radius, @height) {
   padding: @padding-vertical @padding-horizontal;
   font-size: @font-size;
   line-height: @line-height;