smart-webcomponents-react 25.0.1 → 25.0.3

package/source/styles/default/smart.dropdownbutton.css

@@ -31,12 +31,13 @@ smart-drop-down-button .smart-drop-down-container > smart-scroll-viewer {
   overflow: hidden;
 }
 smart-drop-down-button .smart-drop-down-container > smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
-  vertical-align: top; /* Fixes the height issue of display: inline-block */
+  vertical-align: top;
+  /* Fixes the height issue of display: inline-block */
   padding: 0;
 }
 smart-drop-down-button .smart-drop-down-container:not([resize-mode=none]) > smart-scroll-viewer {
   --smart-scroll-viewer-min-height: calc(var(--smart-editor-drop-down-min-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor-drop-down-resize-bar-height));
-  --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor- drop-down-resize-bar-height));
+  --smart-scroll-viewer-max-height: calc(var(--smart-editor-drop-down-max-height) - 2 * var(--smart-border-width) - 2 * var(--smart-editor-drop-down-padding-size) - var(--smart-editor-drop-down-resize-bar-height));
   height: calc(100% - var(--smart-editor-drop-down-resize-bar-height));
 }
 smart-drop-down-button .smart-drop-down-container[empty] > smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container {
@@ -253,6 +254,7 @@ smart-drop-down-button.dark .smart-drop-down-button {
   overflow: hidden;
 }
 .smart-drop-down-button.smart-drop-down-container smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container > .smart-scroll-viewer-content-container {
-  vertical-align: top; /* Fixes the height issue of display: inline-block */
+  vertical-align: top;
+  /* Fixes the height issue of display: inline-block */
   padding: 0;
 }

package/source/styles/default/smart.grid.css

@@ -133,21 +133,24 @@ input[type=number]::-webkit-outer-spin-button {
   border-left-color: var(--smart-border);
   border-right-color: var(--smart-border);
 }
-.smart-grid-column-group:not(.smart-grid-column-border):after {
-  height: var(--smart-border-width);
-  width: 100%;
+.smart-grid-column-group:not(.smart-grid-column-border) {
+  position: relative;
+}
+.smart-grid-column-group:not(.smart-grid-column-border)::after {
   content: "";
   position: absolute;
-  bottom: 0px;
+  bottom: 0;
+  width: 100%;
+  height: var(--smart-border-width);
   background: var(--smart-grid-column-horizontal-border, var(--smart-border));
 }
-.smart-grid-column-group:not(.smart-grid-column-border):after:not(.smart-grid-column-border-collapse):before {
-  width: var(--smart-border-width);
-  height: 100%;
+.smart-grid-column-group:not(.smart-grid-column-border):not(.smart-grid-column-border-collapse)::before {
   content: "";
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
+  width: var(--smart-border-width);
+  height: 100%;
   background: var(--smart-grid-column-vertical-border, var(--smart-border));
 }
 
@@ -3693,7 +3696,8 @@ smart-grid-cell rect[highlight] {
 smart-grid-cell[focus] line {
   stroke: var(--smart-primary-color);
 }
-smart-grid-cell[focus] path, smart-grid-cell[focus] rect {
+smart-grid-cell[focus] path,
+smart-grid-cell[focus] rect {
   fill: var(--smart-primary-color);
 }
 smart-grid-cell .wrap {
@@ -3711,11 +3715,23 @@ smart-grid-cell .textwrap {
   word-break: break-word;
   line-height: 1.5;
 }
-smart-grid-cell .textwrap p, smart-grid-cell .textwrap h1, smart-grid-cell .textwrap h2, smart-grid-cell .textwrap h3, smart-grid-cell .textwrap h4, smart-grid-cell .textwrap h5, smart-grid-cell .textwrap h6 {
+smart-grid-cell .textwrap p,
+smart-grid-cell .textwrap h1,
+smart-grid-cell .textwrap h2,
+smart-grid-cell .textwrap h3,
+smart-grid-cell .textwrap h4,
+smart-grid-cell .textwrap h5,
+smart-grid-cell .textwrap h6 {
   margin-top: 3px;
   margin-bottom: 3px;
 }
-smart-grid-cell .textwrap p:first-child, smart-grid-cell .textwrap h1:first-child, smart-grid-cell .textwrap h2:first-child, smart-grid-cell .textwrap h3:first-child, smart-grid-cell .textwrap h4:first-child, smart-grid-cell .textwrap h5:first-child, smart-grid-cell .textwrap h6:first-child {
+smart-grid-cell .textwrap p:first-child,
+smart-grid-cell .textwrap h1:first-child,
+smart-grid-cell .textwrap h2:first-child,
+smart-grid-cell .textwrap h3:first-child,
+smart-grid-cell .textwrap h4:first-child,
+smart-grid-cell .textwrap h5:first-child,
+smart-grid-cell .textwrap h6:first-child {
   margin-top: 0px;
 }
 smart-grid-cell ul,
@@ -5010,8 +5026,10 @@ smart-menu.smart-grid-views-menu[checkboxes][checkable] smart-menu-item[level="1
 .smart-reaction-tooltip.show {
   visibility: visible;
   opacity: 1;
-  pointer-events: auto; /* Allows interaction when visible */
-  transform: translateY(0); /* Smoother appearance */
+  pointer-events: auto;
+  /* Allows interaction when visible */
+  transform: translateY(0);
+  /* Smoother appearance */
 }
 
 .smart-reaction-tooltip span {
@@ -5023,7 +5041,8 @@ smart-menu.smart-grid-views-menu[checkboxes][checkable] smart-menu-item[level="1
 
 /* Pulsing effect on hover */
 .smart-reaction-tooltip span:hover {
-  animation: pulse 0.7s infinite ease-in-out; /* Pulsing effect on hover */
+  animation: pulse 0.7s infinite ease-in-out;
+  /* Pulsing effect on hover */
 }
 
 /* Pulsing keyframes */