chore(other): updated some dependencies to latest

package.json

@@ -69,7 +69,7 @@
     "eslint": "^9.20.1",
     "eslint-config-genesys-spark-components": "^0.0.1",
     "git-cz": "^4.9.0",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "npm-run-all": "^4.1.5",

packages/genesys-spark-chart-components-react/package.json

@@ -19,7 +19,7 @@
     "version-sync": "npm version --no-git-tag-version --allow-same-version"
   },
   "dependencies": {
-    "genesys-spark-chart-components": "^4.117.0"
+    "genesys-spark-chart-components": "^4.117.1"
   },
   "peerDependencies": {
     "@types/react": "16 - 18",
@@ -31,7 +31,7 @@
     "@types/react-dom": "^17.0.26",
     "eslint": "^9.20.1",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "lint-staged": "^15.4.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.0",

packages/genesys-spark-chart-components/package.json

@@ -64,7 +64,6 @@
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.0.12",
     "@types/jest": "^29.5.14",
-    "@types/new-relic-browser": "^0.1118.2",
     "@types/puppeteer": "^5.4.7",
     "axe-core": "^4.10.2",
     "axe-live": "^1.0.1",
@@ -73,7 +72,7 @@
     "file-loader": "^6.2.0",
     "genesys-spark-tokens": "file:../genesys-spark-tokens",
     "glob": "^11.0.1",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "handlebars": "^4.7.8",
     "inquirer": "^12.4.1",
     "jest": "^29.7.0",
@@ -98,7 +97,7 @@
     "stylelint": "^16.14.1",
     "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
     "stylelint-config-html": "^1.1.0",
-    "stylelint-config-recess-order": "^5.1.1",
+    "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-scss": "^6.11.0",
     "ts-loader": "^9.5.2",

packages/genesys-spark-chart-components/src/utils/tracking/usage.ts

@@ -1,6 +1,12 @@
-import NewRelicBrowser from 'new-relic-browser';
 import packageInfo from '../../../package.json';
 
+interface NewRelicBrowser {
+  addPageAction: (
+    name: string,
+    metadata: { [key: string]: string | number }
+  ) => void;
+}
+
 // The number of actions to process every interval
 const ACTION_BATCH_SIZE = 20;
 const NR_LIMIT_INTERVAL = 30000; // 30s
@@ -144,6 +150,6 @@ export function getVersionEvent(packageInfoVersion: string): LibraryEvent {
 // Get NewRelic types working
 declare global {
   interface Window {
-    newrelic?: typeof NewRelicBrowser;
+    newrelic?: NewRelicBrowser;
   }
 }

packages/genesys-spark-components-react/package.json

@@ -19,7 +19,7 @@
     "version-sync": "npm version --no-git-tag-version --allow-same-version"
   },
   "dependencies": {
-    "genesys-spark-components": "^4.117.0"
+    "genesys-spark-components": "^4.117.1"
   },
   "peerDependencies": {
     "@types/react": "16 - 18",
@@ -31,7 +31,7 @@
     "@types/react-dom": "^17.0.26",
     "eslint": "^9.20.1",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "lint-staged": "^15.4.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.0",

packages/genesys-spark-components/package.json

@@ -75,7 +75,6 @@
     "@stencil/sass": "^3.0.12",
     "@types/google-libphonenumber": "^7.4.30",
     "@types/jest": "^29.5.14",
-    "@types/new-relic-browser": "^0.1118.2",
     "@types/puppeteer": "^5.4.7",
     "@types/resize-observer-browser": "^0.1.11",
     "@types/sortablejs": "^1.15.8",
@@ -86,7 +85,7 @@
     "file-loader": "^6.2.0",
     "genesys-spark-tokens": "file:../genesys-spark-tokens",
     "glob": "^11.0.1",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "handlebars": "^4.7.8",
     "inquirer": "^12.4.1",
     "jest": "^29.7.0",
@@ -116,7 +115,7 @@
     "stylelint": "^16.14.1",
     "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
     "stylelint-config-html": "^1.1.0",
-    "stylelint-config-recess-order": "^5.1.1",
+    "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-scss": "^6.11.0",
     "stylelint-use-logical": "^2.1.2",

packages/genesys-spark-components/src/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow-item/gux-avatar-overflow-item.scss

@@ -22,16 +22,16 @@ button {
   color: var(--gse-ui-menu-option-label-foregroundColor);
   word-wrap: break-word;
   cursor: pointer;
-  background-color: var(--gse-ui-menu-option-default-backgroundColor);
-  border: none;
   outline: none;
   outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1);
+  background-color: var(--gse-ui-menu-option-default-backgroundColor);
+  border: none;
 
   &:focus-visible {
-    border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
     outline: var(--gse-ui-menu-option-focus-border-width)
       var(--gse-ui-menu-option-focus-border-style)
       var(--gse-ui-menu-option-focus-border-color);
+    border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
   }
 
   &:hover {

packages/genesys-spark-components/src/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow.scss

@@ -57,12 +57,12 @@
   inset-block-start: 0;
   inset-inline-start: 0;
   z-index: var(--gse-semantic-zIndex-popup);
+  visibility: hidden;
   flex-direction: column;
   max-block-size: var(--gse-ui-menu-maxHeight);
   padding: var(--gse-ui-menu-padding);
   margin: 0;
   overflow-y: auto;
-  visibility: hidden;
   background-color: var(--gse-ui-menu-backgroundColor);
   border: none;
   border: var(--gse-semantic-container-edges-borderWidth) solid

packages/genesys-spark-components/src/components/beta/gux-calendar-beta/components/single/gux-calendar.scss

@@ -37,9 +37,9 @@
       block-size: 100%;
       color: var(--gse-ui-calendarMenu-header-foregroundColor);
       cursor: pointer;
+      outline: none;
       background: none;
       border: none;
-      outline: none;
 
       &:focus-visible {
         @include focus.gux-focus-ring;
@@ -80,10 +80,10 @@
         font-style: normal;
         font-weight: var(--gse-ui-calendarMenu-date-defaultText-fontWeight);
         line-height: 32px;
-        text-align: center;
         vertical-align: middle;
-        border: none;
+        text-align: center;
         outline: none;
+        border: none;
         opacity: var(--gse-ui-calendarMenu-disabled-opacity);
 
         &.gux-current-month {
@@ -102,12 +102,12 @@
 
         &.gux-selected {
           color: var(--gse-ui-calendarMenu-date-selected-foregroundColor);
+          outline: none;
           background-color: var(
             --gse-ui-calendarMenu-date-selected-backgroundColor
           );
           border: none;
           border-radius: var(--gse-ui-calendarMenu-month-borderRadius);
-          outline: none;
 
           &:hover {
             background-color: var(

packages/genesys-spark-components/src/components/beta/gux-icon-tooltip/gux-icon-tooltip.scss

@@ -11,7 +11,7 @@
   }
 
   & gux-icon {
-    color: var(--gse-ui-formControl-label-tooltipTrigger-color);
     vertical-align: bottom;
+    color: var(--gse-ui-formControl-label-tooltipTrigger-color);
   }
 }

packages/genesys-spark-components/src/components/beta/gux-label-info/gux-label-info.scss

@@ -11,7 +11,7 @@
   }
 
   & gux-icon {
-    color: var(--gse-ui-formControl-label-tooltipTrigger-color);
     vertical-align: bottom;
+    color: var(--gse-ui-formControl-label-tooltipTrigger-color);
   }
 }

packages/genesys-spark-components/src/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.scss

@@ -34,19 +34,19 @@
       padding: var(--gse-ui-calendarMenu-header-arrow-padding);
       color: inherit;
       cursor: pointer;
+      outline: none;
       background: none;
       border: none;
-      outline: none;
 
       &:focus-visible {
+        outline: var(--gse-semantic-focusOutline-md-borderWidth) solid
+          var(--gse-ui-color-focus);
+        outline-offset: var(--gse-semantic-focusOutline-offset);
         border-radius: calc(
           var(--gse-semantic-focusOutline-sm-borderRadius) - var(
               --gse-semantic-focusOutline-offset
             )
         );
-        outline: var(--gse-semantic-focusOutline-md-borderWidth) solid
-          var(--gse-ui-color-focus);
-        outline-offset: var(--gse-semantic-focusOutline-offset);
       }
 
       &.gux-year-change {

packages/genesys-spark-components/src/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.scss

@@ -21,21 +21,21 @@
     text-align: center;
     word-wrap: break-word;
     cursor: pointer;
+    outline: none;
     border: none;
     border-radius: var(--gse-ui-calendarMenu-month-borderRadius);
-    outline: none;
 
     &.gux-selected {
       color: var(--gse-ui-calendarMenu-month-selected-foregroundColor);
       background: var(--gse-ui-calendarMenu-month-selected-backgroundColor);
     }
 
     &:focus-visible:not(:disabled) {
-      border-radius: var(--gse-ui-calendarMenu-month-focusBorderRadius);
       outline: var(--gse-ui-monthPicker-calendarStates-focus-border-width)
         var(--gse-ui-monthPicker-calendarStates-focus-border-style)
         var(--gse-ui-monthPicker-calendarStates-focus-border-color);
       outline-offset: var(--gse-semantic-focusOutline-offset);
+      border-radius: var(--gse-ui-calendarMenu-month-focusBorderRadius);
     }
 
     &:hover:not(:disabled) {

packages/genesys-spark-components/src/components/beta/gux-month-picker/gux-month-picker.scss

@@ -14,14 +14,14 @@
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 
   &:focus-within {
-    border: var(--gse-ui-formControl-input-active-border-width)
-      var(--gse-ui-formControl-input-active-border-style)
-      var(--gse-ui-formControl-input-active-border-color);
-    border-radius: var(--gse-ui-formControl-focusRing-borderRadius);
     outline: var(--gse-ui-formControl-input-focus-border-width)
       var(--gse-ui-formControl-input-focus-border-style)
       var(--gse-ui-formControl-input-focus-border-color);
     outline-offset: var(--gse-semantic-focusOutline-offset);
+    border: var(--gse-ui-formControl-input-active-border-width)
+      var(--gse-ui-formControl-input-active-border-style)
+      var(--gse-ui-formControl-input-active-border-color);
+    border-radius: var(--gse-ui-formControl-focusRing-borderRadius);
   }
 
   .gux-display {
@@ -55,13 +55,13 @@
     border: none;
 
     &:focus-visible {
-      border-radius: var(
-        --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius
-      );
       outline: var(--gse-ui-monthPicker-calendarStates-focus-border-width)
         var(--gse-ui-monthPicker-calendarStates-focus-border-style)
         var(--gse-ui-monthPicker-calendarStates-focus-border-color);
       outline-offset: var(--gse-semantic-focusOutline-offset);
+      border-radius: var(
+        --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius
+      );
     }
 
     &:not(:disabled):hover {

packages/genesys-spark-components/src/components/beta/gux-phone-input/gux-phone-input.scss

@@ -12,15 +12,15 @@
   inline-size: 100%;
   margin-inline-start: 4px;
   overflow: hidden;
+  text-overflow: ellipsis;
   font-family: var(--gse-ui-formControl-input-contentText-fontFamily);
   font-size: var(--gse-ui-formControl-input-contentText-fontSize);
   font-weight: var(--gse-ui-formControl-input-contentText-fontWeight);
   line-height: var(--gse-ui-formControl-input-contentText-lineHeight);
   color: var(--gse-ui-formControl-input-populatedColor);
-  text-overflow: ellipsis;
+  outline: none;
   background-color: var(--gse-ui-formControl-input-backgroundColor);
   border: none;
-  outline: none;
 
   &.gux-disabled {
     -webkit-user-select: none;
@@ -127,11 +127,11 @@
 
 .gux-field-button {
   box-sizing: border-box;
+  outline: none;
   background-color: var(--gse-ui-formControl-input-backgroundColor);
   border: none;
   border-radius: var(--gse-ui-formControl-input-borderRadius) 0 0
     var(--gse-ui-formControl-input-borderRadius);
-  outline: none;
 
   &.gux-expanded {
     background-color: var(--gse-ui-phoneInput-dropdown-active-backgroundColor);

packages/genesys-spark-components/src/components/beta/gux-popover-beta/gux-popover.scss

@@ -31,13 +31,13 @@
   .gux-arrow-caret {
     inline-size: 0;
     block-size: 0;
-    filter: drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow));
     border-block-start: calc(var(--gse-ui-popover-anchor-width) / 2) solid
       var(--gse-ui-popover-backgroundColor);
     border-inline-start: calc(var(--gse-ui-popover-anchor-width) / 2) solid
       transparent;
     border-inline-end: calc(var(--gse-ui-popover-anchor-width) / 2) solid
       transparent;
+    filter: drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow));
   }
 
   .gux-popover-header {

packages/genesys-spark-components/src/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.scss

@@ -92,11 +92,10 @@ button {
     &:focus-visible {
       position: relative;
       z-index: var(--gse-semantic-zIndex-showFocus);
+      outline-offset: var(--gse-ui-segmentedControl-focus-offset);
       border-radius: var(--gse-ui-segmentedControl-borderRadius);
 
       @include focus.gux-focus-ring;
-
-      outline-offset: var(--gse-ui-segmentedControl-focus-offset);
     }
 
     .gux-icon {

packages/genesys-spark-components/src/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.scss

@@ -36,11 +36,11 @@
   color: var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);
   -webkit-appearance: none;
   appearance: none;
+  outline: none;
   border: var(--gse-ui-selectorCard-unselected-border-width)
     var(--gse-ui-selectorCard-unselected-border-style)
     var(--gse-ui-selectorCard-unselected-border-color);
   border-radius: var(--gse-ui-selectorCard-simple-borderRadius);
-  outline: none;
 
   &::before {
     position: absolute;
@@ -50,9 +50,9 @@
     grid-area: 1/1;
     inline-size: var(--gse-ui-radioButton-icon-width);
     block-size: var(--gse-ui-radioButton-icon-height);
+    vertical-align: middle;
     color: var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);
     text-align: center;
-    vertical-align: middle;
     content: '';
   }
 }

packages/genesys-spark-components/src/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.scss

@@ -23,10 +23,10 @@ gux-popup {
       inset: 0;
       padding: 6px 24px 6px 12px;
       overflow: hidden;
-      color: #2e394c;
-      text-decoration: none;
       text-overflow: ellipsis;
+      color: #2e394c;
       white-space: nowrap;
+      text-decoration: none;
       cursor: pointer;
       background-color: #f6f7f9;
       background-image: none;