fix(build): move .less files to style blocks

.changeset/fast-toys-sparkle.md

@@ -0,0 +1,5 @@
+---
+"@ebay/ebayui-core": patch
+---
+
+Ensure custom styles are included in build

src/components/ebay-3d-viewer/index.marko

@@ -40,3 +40,22 @@ $ const {
         <else><ebay-progress-spinner a11yText=a11yLoadText || 'Loading'/></else>
     </div>
 </div>
+
+style {
+    .three-d-player {
+        position: relative;
+    }
+
+    .three-d-player__overlay {
+        position: absolute;
+        display: flex;
+        inset: 0;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .three-d-player__overlay--hidden {
+        display: none;
+    }
+}

src/components/ebay-bar-chart/index.marko

@@ -20,3 +20,21 @@ $ const {
     ]>
     <div.ebay-bar-chart__container id=component.getContainerId()/>
 </div>
+
+style {
+    .ebay-bar-chart {
+        width: 100%;
+    }
+
+    .ebay-bar-chart .highcharts-legend-item-hidden {
+        transition: fill 250ms;
+    }
+
+    .ebay-bar-chart .highcharts-legend-item-hidden .highcharts-point {
+        stroke-width: 0;
+    }
+
+    .highcharts-tooltip-container svg {
+        overflow: visible;
+    }
+}

src/components/ebay-line-chart/index.marko

@@ -22,3 +22,37 @@ $ const {
     ]>
     <div.ebay-line-chart__container id=component.getContainerId()/>
 </div>
+
+style {
+    .ebay-line-chart {
+        width: 100%;
+    }
+
+    .ebay-line-chart__container {
+        height: 300px;
+    }
+
+    .ebay-line-chart .highcharts-point {
+        opacity: 0; /* overriding the default highcharts opacity to 0 so we can control it */
+        stroke-width: 2px; /* and adjusting the stroke width */
+    }
+
+    .ebay-line-chart .ebay-line-chart__marker--visible {
+        opacity: 1;
+    }
+
+    .ebay-line-chart .highcharts-legend-item .highcharts-point {
+        opacity: 1; /* displays the legend marker symbols which are hidden by the highcharts-point opacity */
+        stroke-width: 0; /* hide the default stroke */
+    }
+
+    .ebay-line-chart .highcharts-legend-item .highcharts-graph {
+        display: none; /* this hides a line strike through the marker symbols that we do not want */
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .ebay-line-chart .highcharts-halo {
+            fill-opacity: 0.8; /* this inverses the default 0.2 fill opacity in from light mode */
+        }
+    }
+}

src/components/ebay-spark-line/index.marko

@@ -22,3 +22,31 @@ $ const {
         vector-effect="non-scaling-stroke"
     />
 </svg>
+
+style {
+    .ebay-spark-line {
+        width: 100%;
+        height: 100%;
+        max-width: 80px;
+        max-height: 30px;
+        transform: translate3d(0, 0, 0);
+    }
+
+    .ebay-spark-line__path {
+        fill: none;
+        stroke-width: 3px;
+        stroke-linecap: round;
+    }
+
+    .ebay-spark-line__path-neutral {
+        stroke: var(--spark-line-neutral, var(--color-data-viz-line-chart-primary));
+    }
+
+    .ebay-spark-line__path-positive {
+        stroke: var(--spark-line-positve, var(--color-data-viz-trend-positive));
+    }
+
+    .ebay-spark-line__path-negative {
+        stroke: var(--spark-line-negative, var(--color-data-viz-trend-negative));
+    }
+}