genesys-spark-components 4.0.0-beta.25 → 4.0.0-beta.27

package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts.js

@@ -31,12 +31,12 @@ export class GuxPaginationItemCountsLegacy {
   static get is() { return "gux-pagination-item-counts-legacy"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gux-pagination-item-counts.less"]
+      "$": ["gux-pagination-item-counts-legacy.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["gux-pagination-item-counts.css"]
+      "$": ["gux-pagination-item-counts-legacy.css"]
     };
   }
   static get properties() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page-legacy.css

@@ -0,0 +1,26 @@
+gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-content: stretch;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
+}
+gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container > div {
+  flex: 0 1 auto;
+  align-self: auto;
+  order: 0;
+  white-space: nowrap;
+}
+gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown {
+  display: inline-block;
+  width: 64px;
+}
+gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container .gux-pagination-per-page {
+  font-family: var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);
+  color: var(--gse-ui-dataTableItems-tablePagination-foregroundColor);
+  font-size: var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);
+  line-height: var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);
+  font-weight: var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);
+}

package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page.js

@@ -19,17 +19,17 @@ export class GuxPaginationItemsPerPageLegacy {
       }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
   }
   render() {
-    return (h("div", { class: "gux-pagination-items-per-page-container" }, h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", null, this.i18n('perPage'))));
+    return (h("div", { class: "gux-pagination-items-per-page-container" }, h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { class: "gux-pagination-per-page" }, this.i18n('perPage'))));
   }
   static get is() { return "gux-pagination-items-per-page-legacy"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gux-pagination-items-per-page.less"]
+      "$": ["gux-pagination-items-per-page-legacy.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["gux-pagination-items-per-page.css"]
+      "$": ["gux-pagination-items-per-page-legacy.css"]
     };
   }
   static get properties() {

package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination.css → gux-pagination-legacy.css}

@@ -1,7 +1,8 @@
 :host {
   display: block;
-  border-top: 1px solid #e2e6ee;
+  border-top: var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color);
 }
+
 .gux-pagination-container {
   display: flex;
   flex-direction: row;
@@ -9,8 +10,9 @@
   align-content: stretch;
   align-items: center;
   justify-content: space-between;
-  height: 32px;
-  margin-top: 12px;
+  height: var(--gse-ui-dataTableItems-cell-tablePagination-height);
+  padding: var(--gse-ui-dataTableItems-tablePagination-padding);
+  background-color: var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);
 }
 .gux-pagination-container .gux-pagination-info {
   display: flex;
@@ -22,6 +24,7 @@
   align-self: auto;
   justify-content: flex-start;
   order: 0;
+  gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
 }
 .gux-pagination-container .gux-pagination-info > * {
   flex: 0 1 auto;
@@ -32,8 +35,7 @@
   flex: 1 1 auto;
   align-self: auto;
   order: 0;
-  margin-left: 16px;
 }
 .gux-pagination-container .gux-pagination-change:first-child {
   margin-left: 0;
-}
+}

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js

@@ -64,12 +64,12 @@ export class GuxPaginationLegacy {
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gux-pagination.less"]
+      "$": ["gux-pagination-legacy.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["gux-pagination.css"]
+      "$": ["gux-pagination-legacy.css"]
     };
   }
   static get properties() {

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css

@@ -0,0 +1,230 @@
+.gux-focus-ring-focused:focus {
+  outline: 3px solid #aac9ff;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 1px #fdfdfd;
+}
+
+.gux-focus-ring-focused-within:focus-within {
+  outline: 3px solid #aac9ff;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 1px #fdfdfd;
+}
+
+.gux-focus-ring-focused-visible:focus-visible {
+  outline: 3px solid #aac9ff;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 1px #fdfdfd;
+}
+
+.gux-focus-ring-small-focused:focus {
+  outline: 2px solid #aac9ff;
+  outline-offset: 0;
+}
+
+.gux-focus-ring-small-focused-within:focus-within {
+  outline: 2px solid #aac9ff;
+  outline-offset: 0;
+}
+
+.gux-focus-ring-small-focused-visible:focus-visible {
+  outline: 2px solid #aac9ff;
+  outline-offset: 0;
+}
+
+/* Font Definitions. */
+/* From: https://google-webfonts-helper.herokuapp.com */
+/* roboto-300 - latin */
+@font-face {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 300;
+  src: url("./fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
+  src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
+}
+/* roboto-regular - latin */
+@font-face {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 400;
+  src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
+  src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
+}
+/* roboto-italic - latin */
+@font-face {
+  font-family: Roboto;
+  font-style: italic;
+  font-weight: 400;
+  src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
+  src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
+}
+/* roboto-700 - latin */
+@font-face {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  src: url("./fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
+  src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
+}
+/*
+ * Typography styles and mixins.
+ */
+/* Helpers */
+/* Base typography */
+body {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+}
+
+/* Headings */
+h1 {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-weight: 300;
+  font-size: 24px;
+  line-height: 32px;
+}
+
+h2 {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-weight: 300;
+  font-size: 18px;
+  line-height: 24px;
+}
+
+h3 {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+h4,
+h5,
+h6 {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+/* Anchor */
+.gux-icon-anchor gux-icon {
+  padding-right: 2px;
+}
+
+a {
+  color: #2a60c8;
+  text-decoration: underline;
+  border-radius: 2px;
+}
+a:hover {
+  color: #2754ac;
+}
+a:active {
+  color: #23478f;
+}
+a:focus-visible {
+  outline: 3px solid #aac9ff;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 1px #fdfdfd;
+}
+
+table a {
+  color: #2a60c8;
+  text-decoration: underline;
+  border-radius: 2px;
+  text-decoration: none;
+}
+table a:hover {
+  color: #2754ac;
+}
+table a:active {
+  color: #23478f;
+}
+table a:focus-visible {
+  outline: 3px solid #aac9ff;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 1px #fdfdfd;
+}
+
+/* Custom Styles */
+:host([gs-reorder-indicator=above]) .gux-container {
+  border-top-color: #aac9ff;
+}
+
+:host([gs-reorder-indicator=below]) .gux-container {
+  border-bottom-color: #aac9ff;
+}
+
+.gux-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-content: stretch;
+  align-items: center;
+  justify-content: flex-start;
+  margin-bottom: -2px;
+  border-top: 2px solid transparent;
+  border-bottom: 2px solid transparent;
+}
+.gux-container.gux-drop-above {
+  border-top-color: #aac9ff;
+}
+.gux-container.gux-drop-below {
+  border-bottom-color: #aac9ff;
+}
+.gux-container.gux-dragging {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  opacity: 0.4;
+}
+.gux-container .gux-reorder {
+  all: unset;
+  flex: 0 1 auto;
+  align-self: auto;
+  order: 0;
+  margin-right: 4px;
+  color: #596373;
+  cursor: grab;
+  border-radius: 4px;
+}
+.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon {
+  color: #2a60c8;
+}
+.gux-container .gux-reorder:active {
+  pointer-events: none;
+  cursor: grabbing !important;
+}
+.gux-container .gux-reorder:hover, .gux-container .gux-reorder:focus-visible {
+  outline: 2px solid #aac9ff;
+  outline-offset: 0;
+}
+.gux-container .gux-reorder:hover gux-icon, .gux-container .gux-reorder:focus-visible gux-icon {
+  color: #2a60c8;
+}
+.gux-container .gux-select {
+  position: relative;
+  flex: 1 1 auto;
+  align-self: auto;
+  order: 1;
+}
+.gux-container .gux-select gux-text-highlight {
+  position: absolute;
+  top: 2px;
+  left: 24px;
+  pointer-events: none;
+}
+
+.gux-sr-only:not(:focus):not(:active) {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}

package/dist/collection/components/{beta → stable}/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -142,7 +142,7 @@ export class GuxColumnManagerItem {
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gux-column-manager-item.less"]
+      "$": ["gux-column-manager-item.scss"]
     };
   }
   static get styleUrls() {

package/dist/collection/components/{beta → stable}/gux-column-manager/gux-column-manager.css

@@ -5,10 +5,10 @@
 .gux-container .gux-search gux-content-search {
   width: 100%;
 }
-.gux-container .gux-search gux-content-search input[type='search']::-webkit-search-decoration,
-.gux-container .gux-search gux-content-search input[type='search']::-webkit-search-cancel-button,
-.gux-container .gux-search gux-content-search input[type='search']::-webkit-search-results-button,
-.gux-container .gux-search gux-content-search input[type='search']::-webkit-search-results-decoration {
+.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,
+.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,
+.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,
+.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration {
   display: none;
   -webkit-appearance: none;
 }
@@ -19,6 +19,7 @@
   background-color: #f6f7f9;
   border-radius: 4px;
 }
+
 .gux-sr-only:not(:focus):not(:active) {
   position: absolute;
   width: 1px;
@@ -27,4 +28,4 @@
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   white-space: nowrap;
-}
+}

package/dist/collection/components/{beta → stable}/gux-column-manager/gux-column-manager.js

@@ -91,11 +91,11 @@ export class GuxColumnManager {
   render() {
     return (h("div", { class: "gux-container" }, h("div", { class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { class: "gux-search" }, h("gux-content-search", { "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { class: "gux-select" }, h("gux-form-field-checkbox", null, h("input", { slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { slot: "label" }, this.renderSelectedColumnCount()))), h("div", { class: "gux-list", onChange: () => this.onListChange() }, h("slot", { onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { ref: el => (this.announceElement = el) })));
   }
-  static get is() { return "gux-column-manager-beta"; }
+  static get is() { return "gux-column-manager"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gux-column-manager.less"]
+      "$": ["gux-column-manager.scss"]
     };
   }
   static get styleUrls() {

package/dist/collection/components/{beta → stable}/gux-context-menu/gux-context-menu.css

@@ -2,11 +2,13 @@
   display: block;
   max-width: fit-content;
 }
+
 gux-icon {
   width: 16px;
   height: 16px;
   color: #6b7585;
 }
+
 .gux-list-container {
   width: 128px;
   padding: 8px 0;
@@ -16,5 +18,5 @@ gux-icon {
   background-color: #fdfdfd;
   border: 1px solid #b4bccb;
   border-radius: 4px;
-  box-shadow: 0 2px 4px rgba(32, 41, 55, 0.24);
-}
+  box-shadow: 0 2px 4px fade(#202937, 24%);
+}

package/dist/collection/components/{beta → stable}/gux-context-menu/gux-context-menu.js

@@ -108,12 +108,12 @@ export class GuxContextMenu {
     return (h(Host, null, h("gux-popup", { expanded: this.isOpen }, h("div", { slot: "target", class: "gux-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
         this.i18n('contextMenuScreenreaderText') })))), h("div", { slot: "popup", class: "gux-list-container" }, h("gux-list", { onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", null))))));
   }
-  static get is() { return "gux-context-menu-beta"; }
+  static get is() { return "gux-context-menu"; }
   static get encapsulation() { return "shadow"; }
   static get delegatesFocus() { return true; }
   static get originalStyleUrls() {
     return {
-      "$": ["gux-context-menu.less"]
+      "$": ["gux-context-menu.scss"]
     };
   }
   static get styleUrls() {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css

@@ -18,7 +18,6 @@
 @prop $gse-ui-slider-gap
 @prop $gse-ui-slider-focusRing-borderRadius
 **/
-/* stylelint-disable-next-line selector-class-pattern */ /* stylelint-disable-next-line selector-class-pattern */
 .gux-focus-ring-focused:focus {
   outline: 3px solid #aac9ff;
   outline-offset: 1px;
@@ -173,6 +172,7 @@ table a:focus-visible {
 }
 
 /* Custom Styles */
+/* stylelint-disable-next-line selector-class-pattern */ /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 .gux-form-field-container.gux-beside {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css

@@ -186,160 +186,6 @@ table a:focus-visible {
 
 /* Custom Styles */
 /* stylelint-disable-next-line selector-class-pattern */ /* stylelint-disable-next-line selector-class-pattern */
-.gux-focus-ring-focused:focus {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-
-.gux-focus-ring-focused-within:focus-within {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-
-.gux-focus-ring-focused-visible:focus-visible {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-
-.gux-focus-ring-small-focused:focus {
-  outline: 2px solid #aac9ff;
-  outline-offset: 0;
-}
-
-.gux-focus-ring-small-focused-within:focus-within {
-  outline: 2px solid #aac9ff;
-  outline-offset: 0;
-}
-
-.gux-focus-ring-small-focused-visible:focus-visible {
-  outline: 2px solid #aac9ff;
-  outline-offset: 0;
-}
-
-/* Font Definitions. */
-/* From: https://google-webfonts-helper.herokuapp.com */
-/* roboto-300 - latin */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 300;
-  src: url("./fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
-  src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
-}
-/* roboto-regular - latin */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 400;
-  src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
-  src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
-}
-/* roboto-italic - latin */
-@font-face {
-  font-family: Roboto;
-  font-style: italic;
-  font-weight: 400;
-  src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
-  src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
-}
-/* roboto-700 - latin */
-@font-face {
-  font-family: Roboto;
-  font-style: normal;
-  font-weight: 700;
-  src: url("./fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
-  src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
-}
-/*
- * Typography styles and mixins.
- */
-/* Helpers */
-/* Base typography */
-body {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 20px;
-}
-
-/* Headings */
-h1 {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 300;
-  font-size: 24px;
-  line-height: 32px;
-}
-
-h2 {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 300;
-  font-size: 18px;
-  line-height: 24px;
-}
-
-h3 {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-h4,
-h5,
-h6 {
-  font-family: Roboto, sans-serif;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-/* Anchor */
-.gux-icon-anchor gux-icon {
-  padding-right: 2px;
-}
-
-a {
-  color: #2a60c8;
-  text-decoration: underline;
-  border-radius: 2px;
-}
-a:hover {
-  color: #2754ac;
-}
-a:active {
-  color: #23478f;
-}
-a:focus-visible {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-
-table a {
-  color: #2a60c8;
-  text-decoration: underline;
-  border-radius: 2px;
-  text-decoration: none;
-}
-table a:hover {
-  color: #2754ac;
-}
-table a:active {
-  color: #23478f;
-}
-table a:focus-visible {
-  outline: 3px solid #aac9ff;
-  outline-offset: 1px;
-  box-shadow: 0 0 0 1px #fdfdfd;
-}
-
-/* Custom Styles */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 .gux-form-field-container.gux-beside {