@annalib/anna-core 24.0.13 → 24.0.15

package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts

@@ -21,7 +21,7 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "HTML_STRING" | "ICON_CELL" | "STRING_OR_INPUT" | "SINGLE_RADIO" | "STRING_WITH_TOOLTIP";
+type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "HTML_STRING" | "ICON_CELL" | "STRING_OR_INPUT" | "SINGLE_RADIO" | "STRING_WITH_TOOLTIP" | "STRING_ELLIPSIS_WITH_TABLE_TOOLTIP";
 type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ITotalRowInfo {
     colspan: number;
@@ -126,4 +126,18 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     enableTooltipForAdditionalText?: boolean;
 }
 export type IconToShow = "LIVE" | "PAY_FOR_PERFORMANCE_ACTIVE" | "PAY_FOR_PERFORMANCE" | "REJECTED" | "NOTIFY" | "AWAITING_APPROVAL" | "DELETED_ORDER" | "NEED_SELLER_CONFIRMATION" | "NEED_BUYER_CONFIRMATION";
+export declare class EllipsisWithTableTooltip {
+    tooltipHeader: string;
+    tableHeaders: HeaderWithObjectKey[];
+    tableData: any[];
+    cellValue: string;
+    tooltipHoverText: string;
+    showTooltip: boolean;
+    constructor(heading: string, tableHeaders: HeaderWithObjectKey[], tableData: any[], cellValue: string, tooltipText: string, showTooltip: boolean);
+}
+export interface HeaderWithObjectKey {
+    headerName: string;
+    objectKey: string;
+    width: string;
+}
 export {};

package/lib/anna-core-shared-lib/services/anna-filter.service.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef, QueryList } from "@angular/core";
 import { Options } from "@angular-slider/ngx-slider";
 import dayjs from "dayjs";
 import { SortType } from "../models/anna-sort.model";
@@ -149,6 +150,7 @@ export declare class AnnaFilterService {
     isHourValueInvalid(hr: string): boolean;
     isMinuteValueInvalid(minute: string): boolean;
     updateSortMap(tempSortOrder: SortType, tableData: any[], isLurAndCsrComponent: boolean): any[];
+    setMarginLeftForFilterIcon(thElements: QueryList<ElementRef>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaFilterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AnnaFilterService>;
 }

package/lib/anna-core.module.d.ts

@@ -35,9 +35,8 @@ import * as i33 from "./anna-core-shared-lib/pipes/annaDateFormatter.pipe";
 import * as i34 from "./anna-core-shared-lib/pipes/annaConvertArrayToCommaSeperatedValue.pipe";
 import * as i35 from "./anna-core-shared-lib/directives/fixed-rows-popup-table/fixed-rows-popup-table.directive";
 import * as i36 from "./anna-core-shared-lib/components/anna-est-icon-template/anna-est-icon-template.component";
-import * as i37 from "./anna-core-shared-lib/components/anna-spinner-loader/anna-spinner-loader.component";
 export declare class AnnaCoreModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaCoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AnnaCoreModule, never, [typeof i1.CommonModule, typeof i2.NgbModule, typeof i3.FormsModule, typeof i4.MatRadioModule, typeof i5.MatButtonToggleModule, typeof i6.MatTableModule, typeof i7.NgxSliderModule, typeof i8.NgxSkeletonLoaderModule, typeof i9.ScrollingModule, typeof i10.NgCircleProgressModule, typeof i11.AnnaNoDataComponent, typeof i12.AnnaFilterSearchedTextPipe, typeof i13.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i14.AnnaTypeofDataPipe, typeof i12.AnnaFilterSearchedTextPipe, typeof i15.AnnaReplaceCharPipe, typeof i16.AnnaBuyerApprovalIconTemplateComponent, typeof i17.AnnaLiveIconTemplateComponent, typeof i18.AnnaNotifyIconTemplateComponent, typeof i19.AnnaPayForPerformanceIconTemplateComponent, typeof i20.AnnaRejectedIconTemplateComponent, typeof i21.ShowEllipsisTextOnHoverDirective, typeof i22.AnnaIconColumnComponent, typeof i23.AnnaWeekCalendarComponent, typeof i24.AnnaCalendarFilterComponent, typeof i25.AnnaSortComponent, typeof i26.AnnaNonEditableGenericTableComponent, typeof i27.DigitOnlyDirective, typeof i28.AnnaColumnDateRangeFilterComponent, typeof i29.AnnaColumnTimeFilterComponent, typeof i30.AnnaColumnCheckboxFilterComponent, typeof i31.AnnaDeletedOrderIconTemplateComponent, typeof i32.AnnaColumnSliderFilterComponent, typeof i33.AnnaDateFormatterPipe, typeof i34.AnnaConvertArrayToCommaSeperatedValue, typeof i35.FixedRowsPopupTableDirective, typeof i36.AnnaEstIconTemplateComponent, typeof i37.AnnaSpinnerLoaderComponent], [typeof i11.AnnaNoDataComponent, typeof i12.AnnaFilterSearchedTextPipe, typeof i13.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i14.AnnaTypeofDataPipe, typeof i15.AnnaReplaceCharPipe, typeof i12.AnnaFilterSearchedTextPipe, typeof i16.AnnaBuyerApprovalIconTemplateComponent, typeof i17.AnnaLiveIconTemplateComponent, typeof i18.AnnaNotifyIconTemplateComponent, typeof i19.AnnaPayForPerformanceIconTemplateComponent, typeof i19.AnnaPayForPerformanceIconTemplateComponent, typeof i20.AnnaRejectedIconTemplateComponent, typeof i21.ShowEllipsisTextOnHoverDirective, typeof i22.AnnaIconColumnComponent, typeof i23.AnnaWeekCalendarComponent, typeof i24.AnnaCalendarFilterComponent, typeof i25.AnnaSortComponent, typeof i26.AnnaNonEditableGenericTableComponent, typeof i28.AnnaColumnDateRangeFilterComponent, typeof i29.AnnaColumnTimeFilterComponent, typeof i30.AnnaColumnCheckboxFilterComponent, typeof i27.DigitOnlyDirective, typeof i31.AnnaDeletedOrderIconTemplateComponent, typeof i32.AnnaColumnSliderFilterComponent, typeof i33.AnnaDateFormatterPipe, typeof i34.AnnaConvertArrayToCommaSeperatedValue, typeof i35.FixedRowsPopupTableDirective, typeof i37.AnnaSpinnerLoaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnnaCoreModule, never, [typeof i1.CommonModule, typeof i2.NgbModule, typeof i3.FormsModule, typeof i4.MatRadioModule, typeof i5.MatButtonToggleModule, typeof i6.MatTableModule, typeof i7.NgxSliderModule, typeof i8.NgxSkeletonLoaderModule, typeof i9.ScrollingModule, typeof i10.NgCircleProgressModule, typeof i11.AnnaNoDataComponent, typeof i12.AnnaFilterSearchedTextPipe, typeof i13.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i14.AnnaTypeofDataPipe, typeof i12.AnnaFilterSearchedTextPipe, typeof i15.AnnaReplaceCharPipe, typeof i16.AnnaBuyerApprovalIconTemplateComponent, typeof i17.AnnaLiveIconTemplateComponent, typeof i18.AnnaNotifyIconTemplateComponent, typeof i19.AnnaPayForPerformanceIconTemplateComponent, typeof i20.AnnaRejectedIconTemplateComponent, typeof i21.ShowEllipsisTextOnHoverDirective, typeof i22.AnnaIconColumnComponent, typeof i23.AnnaWeekCalendarComponent, typeof i24.AnnaCalendarFilterComponent, typeof i25.AnnaSortComponent, typeof i26.AnnaNonEditableGenericTableComponent, typeof i27.DigitOnlyDirective, typeof i28.AnnaColumnDateRangeFilterComponent, typeof i29.AnnaColumnTimeFilterComponent, typeof i30.AnnaColumnCheckboxFilterComponent, typeof i31.AnnaDeletedOrderIconTemplateComponent, typeof i32.AnnaColumnSliderFilterComponent, typeof i33.AnnaDateFormatterPipe, typeof i34.AnnaConvertArrayToCommaSeperatedValue, typeof i35.FixedRowsPopupTableDirective, typeof i36.AnnaEstIconTemplateComponent], [typeof i11.AnnaNoDataComponent, typeof i12.AnnaFilterSearchedTextPipe, typeof i13.AnnaConvertZeroOrNullOrUndefinedPipe, typeof i14.AnnaTypeofDataPipe, typeof i15.AnnaReplaceCharPipe, typeof i12.AnnaFilterSearchedTextPipe, typeof i16.AnnaBuyerApprovalIconTemplateComponent, typeof i17.AnnaLiveIconTemplateComponent, typeof i18.AnnaNotifyIconTemplateComponent, typeof i19.AnnaPayForPerformanceIconTemplateComponent, typeof i19.AnnaPayForPerformanceIconTemplateComponent, typeof i20.AnnaRejectedIconTemplateComponent, typeof i21.ShowEllipsisTextOnHoverDirective, typeof i22.AnnaIconColumnComponent, typeof i23.AnnaWeekCalendarComponent, typeof i24.AnnaCalendarFilterComponent, typeof i25.AnnaSortComponent, typeof i26.AnnaNonEditableGenericTableComponent, typeof i28.AnnaColumnDateRangeFilterComponent, typeof i29.AnnaColumnTimeFilterComponent, typeof i30.AnnaColumnCheckboxFilterComponent, typeof i27.DigitOnlyDirective, typeof i31.AnnaDeletedOrderIconTemplateComponent, typeof i32.AnnaColumnSliderFilterComponent, typeof i33.AnnaDateFormatterPipe, typeof i34.AnnaConvertArrayToCommaSeperatedValue, typeof i35.FixedRowsPopupTableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AnnaCoreModule>;
 }

package/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.d.ts

@@ -2,7 +2,7 @@ import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnChange
 import { BehaviorSubject } from "rxjs";
 import { GtColumnIconEmittedData, RatingSellerGroupHierarchy } from "../../../anna-core-shared-lib/models/anna-generic-data-type.model";
 import { IWeekCalendar } from "../../../anna-core-shared-lib/models/anna-global-dropdown-config.model";
-import { IGtGeneralConfig, IGtTableHeader, IHeaderInfo, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
+import { EllipsisWithTableTooltip, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
 import { AnnaDateTimeFormatService } from "../../../anna-core-shared-lib/services/anna-date-time-format.service";
 import { AnnaFilterService } from "../../../anna-core-shared-lib/services/anna-filter.service";
 import { AnnaSortService } from "../../../anna-core-shared-lib/services/anna-sort.service";
@@ -96,6 +96,13 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     };
     sellerGroupHierarchy: RatingSellerGroupHierarchy[];
     showFilterTooltipTabs: boolean;
+    ellispsisWithTableTooltip: {
+        open: () => void;
+        close: () => void;
+    };
+    ellipsisWithTooltipHeading: string;
+    ellipsisWithTooltipTableHeaders: any[];
+    ellipsisWithTooltipTableData: any[];
     isScrolledLeft: boolean;
     rowBorderWidth: number;
     sameTooltipClicked: boolean;
@@ -140,7 +147,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     checkIfUniqueValuePresentForTheHeader(header: IHeaderInfo, enabledHeaders: any[]): void;
     openTooltip(tooltip: any, header: any, columnHeader: IHeaderInfo): void;
     disableEnableEachColumnTooltipIcon(): void;
-    setMarginLeftForFilterIcon(): void;
     dataRowClicked(rowData: any): void;
     radioButtonClicked(data: any, action: string, isDisabled: boolean): void;
     bindTheValueToSellerGroupTooltip(sellerGroupHierarchy: RatingSellerGroupHierarchy[], tooltip: any): void;
@@ -171,6 +177,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     radioButtonIconClicked(data: any): void;
     filterApplied(tableData: any[]): void;
     sortingApplied(tableData: any[]): void;
+    bindTheValueToTableTooltip(obj: EllipsisWithTableTooltip, tooltip: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": { "alias": "showSkeletonLoading"; "required": false; }; "tableHeaders": { "alias": "tableHeaders"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "clonedTableData": { "alias": "clonedTableData"; "required": false; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": false; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "includeBorderInTableHeight": { "alias": "includeBorderInTableHeight"; "required": false; }; "downloadInProgress": { "alias": "downloadInProgress"; "required": false; }; "percentDone": { "alias": "percentDone"; "required": false; }; "starredInProgress": { "alias": "starredInProgress"; "required": false; }; "clickableRow": { "alias": "clickableRow"; "required": false; }; "setTableHeightWhenRowSizeIsFixed": { "alias": "setTableHeightWhenRowSizeIsFixed"; "required": false; }; "tableBorderBottomClassRequired": { "alias": "tableBorderBottomClassRequired"; "required": false; }; "hideSomeTds": { "alias": "hideSomeTds"; "required": false; }; "tdsHaveRowSpan": { "alias": "tdsHaveRowSpan"; "required": false; }; "multipleTablesPresent": { "alias": "multipleTablesPresent"; "required": false; }; "showOrHideToggleForTotalRow": { "alias": "showOrHideToggleForTotalRow"; "required": false; }; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "gtInnerHTMLClicked": "gtInnerHTMLClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "totalRowIconClicked": "totalRowIconClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; "editableInputEdited": "editableInputEdited"; "radioButtonMessageIconClicked": "radioButtonMessageIconClicked"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "24.0.13",
+  "version": "24.0.15",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^16.0.1",
     "@angular/common": "^16.2.12",

package/public-api.d.ts

@@ -7,7 +7,6 @@ export * from "./lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.c
 export * from "./lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component";
 export * from "./lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component";
 export * from "./lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component";
-export * from "./lib/anna-core-shared-lib/components/anna-spinner-loader/anna-spinner-loader.component";
 export * from "./lib/anna-core-shared-lib/services/anna-date-time-format.service";
 export * from "./lib/anna-core-shared-lib/services/anna-filter.service";
 export * from "./lib/anna-core-shared-lib/services/anna-generic-table.service";
@@ -15,7 +14,6 @@ export * from "./lib/anna-core-shared-lib/services/anna-global-config.service";
 export * from "./lib/anna-core-shared-lib/services/anna-number-format.service";
 export * from "./lib/anna-core-shared-lib/services/anna-persisting-filter.service";
 export * from "./lib/anna-core-shared-lib/services/anna-sort.service";
-export * from "./lib/anna-core-shared-lib/services/anna-spinner-loader.service";
 export * from "./lib/anna-core-shared-lib/models/anna-generic-data-type.model";
 export * from "./lib/anna-core-shared-lib/models/anna-global-dropdown-config.model";
 export * from "./lib/anna-core-shared-lib/models/anna-non-editable-gt-models";

package/src/lib/anna-common-scss/_animate.scss

@@ -1,27 +1,27 @@
-// scss-lint:disable all
-.animated {
-    animation-duration: 1s;
-    // animation-fill-mode: both;
-}
-
-.animated.infinite {
-    animation-iteration-count: infinite;
-}
-
-.animated.hinge {
-    animation-duration: 2s;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-
-    to {
-        opacity: 1;
-    }
-}
-
-.fadeIn {
-    animation-name: fadeIn;
-}
+// scss-lint:disable all
+.animated {
+    animation-duration: 1s;
+    // animation-fill-mode: both;
+}
+
+.animated.infinite {
+    animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+    animation-duration: 2s;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+.fadeIn {
+    animation-name: fadeIn;
+}

package/src/lib/anna-common-scss/_application-spacing.scss

@@ -1,7 +1,7 @@
-//GLOBAL LAYOUT VARIABLE
-$app-screen-max-width: 1920px;
-$app-left-space: 40px;
-$app-right-space: 40px;
-$sidebar-minimized-width: 64px;
-$navbar-height: 50px;
-$app-max-width: calc($app-screen-max-width - $app-left-space);
+//GLOBAL LAYOUT VARIABLE
+$app-screen-max-width: 1920px;
+$app-left-space: 40px;
+$app-right-space: 40px;
+$sidebar-minimized-width: 64px;
+$navbar-height: 50px;
+$app-max-width: calc($app-screen-max-width - $app-left-space);

package/src/lib/anna-common-scss/_bootstrap-tooltip.scss

@@ -1,27 +1,27 @@
-@mixin common-bootstrap-tooltip() {
-    opacity: 1 !important;
-    .tooltip-inner {
-        color: #4a4a4a;
-        text-align: left;
-        padding: 8px !important;
-        border-radius: 2px;
-        background: white !important;
-        box-shadow:
-            0 6px 10px 0 rgba(0, 0, 0, 0.3),
-            0 2px 2px 0 rgba(0, 0, 0, 0.2);
-        @include fonts(Roboto, 12px, normal, normal, normal, normal, normal);
-    }
-
-    &.bs-tooltip-top .arrow::before {
-        border-top: 6px solid white;
-    }
-    &.bs-tooltip-left .arrow::before {
-        border-left: 6px solid white;
-    }
-    &.bs-tooltip-bottom .arrow::before {
-        border-bottom: 6px solid white;
-    }
-    &.bs-tooltip-right .arrow::before {
-        border-right: 5px solid white;
-    }
-}
+@mixin common-bootstrap-tooltip() {
+    opacity: 1 !important;
+    .tooltip-inner {
+        color: #4a4a4a;
+        text-align: left;
+        padding: 8px !important;
+        border-radius: 2px;
+        background: white !important;
+        box-shadow:
+            0 6px 10px 0 rgba(0, 0, 0, 0.3),
+            0 2px 2px 0 rgba(0, 0, 0, 0.2);
+        @include fonts(Roboto, 12px, normal, normal, normal, normal, normal);
+    }
+
+    &.bs-tooltip-top .arrow::before {
+        border-top: 6px solid white;
+    }
+    &.bs-tooltip-left .arrow::before {
+        border-left: 6px solid white;
+    }
+    &.bs-tooltip-bottom .arrow::before {
+        border-bottom: 6px solid white;
+    }
+    &.bs-tooltip-right .arrow::before {
+        border-right: 5px solid white;
+    }
+}

package/src/lib/anna-common-scss/_button.scss

@@ -1,18 +1,18 @@
-@import "./colors";
-
-@mixin enableDisableBtnStyle() {
-    background-color: white;
-    text-decoration: underline;
-    color: $primary-color;
-    border: none;
-
-    &:hover:enabled {
-        color: $charcoal;
-    }
-
-    &:disabled {
-        color: $charcoal;
-        opacity: 0.5;
-        cursor: not-allowed;
-    }
-}
+@import "./colors";
+
+@mixin enableDisableBtnStyle() {
+    background-color: white;
+    text-decoration: underline;
+    color: $primary-color;
+    border: none;
+
+    &:hover:enabled {
+        color: $charcoal;
+    }
+
+    &:disabled {
+        color: $charcoal;
+        opacity: 0.5;
+        cursor: not-allowed;
+    }
+}

package/src/lib/anna-common-scss/_colors.scss

@@ -1,107 +1,107 @@
-$primary-color: #268bff;
-$background-white: #ffffff;
-$lightGray: #d3d3d3;
-$lightGray-1: #f1f1f1;
-$lightGray-2: #b3b3b3;
-$lightGray-3: #ededed;
-$lightGray-4: #d4d4d4;
-$lightGray-5: #e6e6e6;
-$lightGray-6: #c8c8c8;
-$lightGray-7: #9b9b9b;
-$lightGray-9: #d9e1e6;
-$lightGray-8: #b7b7b7;
-$dimGray: #747474;
-$lightDimGray: #666666;
-$coralRed: #ff4747;
-$greenCyan: #00c853;
-$bookedColor: #9b1b93;
-$orderedColor: #d780d1;
-$billableColor: #f2bdef;
-$nationalColor: #f5dd31;
-$localColor: #8db72e;
-$lavenderBlue: #c7e1ff;
-$aliceBlue: #e3f0ff;
-$dodgerBlue: #1582ff;
-$lightGrey: #d6d6d6;
-$coldTurkey: #ceb6b6;
-$lightSilver: #d8d8d8;
-$GraythirtySeven: #5e5e5e;
-$charcoal: #4a4a4a;
-$sellerReviewColor: #f3bd18;
-$buyerReviewColor: #1565c0;
-$reviewCompleteColor: #00c853;
-$recoveredPreemptionColor: #0071ce;
-$deepSkyBlue: #00b0ff;
-$licorice: #2e384d;
-$navyBlue: #0071ce;
-$nobelGray: #b7b6b6;
-$whiteSmoke: #f7f6f6;
-$gray: #979797;
-$paleBlue: #c2cfd6;
-$lightViolet: #9169fc;
-$dimViolet: #e5dbff;
-$darkViolet: #555099;
-$whisper: #e9e9e9;
-$lynxWhite: #f7f7f7;
-$lightAliceBlue: #e5f1ff;
-$veryLightGrey: #cfcfcf;
-$darkCharcoal: #333333;
-$noRevisionFound: #f47228;
-$redOrange: #f44336;
-$DRRBgColor: #edecec;
-$darkYellowWarning: #f3c639;
-$lightYellow: #fff8e3;
-$filterRadioContainer: #f4f4f4;
-$oliveGreen: #8bac2a;
-$calendarLabel: #222b45;
-$olivedrab: #6b8e23;
-$redOrange: #fe3824;
-$chineseSilver: #cccccc;
-$grey: #767676;
-$primary-success: #47d490;
-$secondary-success: #ebf6f1;
-$primary-warning: #f3c639;
-$secondary-warning: #fff8e3;
-$primary-dark: #90a4ae;
-$secondary-dark: #ebedee;
-$primary-danger: #fc8383;
-$secondary-danger: #ffeded;
-$Gray94: #f0f0f0;
-$whisper: #ededed;
-$whiteSmoke2: #f4f4f4;
-$pinkSwan: #b5b5b5;
-$matterhorn: #4f4f4f;
-$lightGrey: #d4d4d4;
-$gray74: #bdbdbd;
-$gray86: #dbdbdb;
-$darkBlueShade: #222b45;
-$green: #8bac2a;
-$darkPurpleShade: #555099;
-$pattensBlue: #d8eaff;
-$quartz: #dddceb;
-$darkGray: #a7a7a7;
-$darkGray1: #cbcbcb;
-$awaitingSellerReview: #f7f2d1;
-$awaitingSellerReviewBorder: #dec30b;
-$amber: #ffc107;
-$whiteSmoke3: #efefef;
-$greyChateau: #a2a8ad;
-$roseBud: #f9b3ae;
-$paleRed: #fde4e3;
-$redOrange3: #f44336;
-$redOrange4: #fe3824;
-$gray43: #6e6e6e;
-$dodgerBlue2: #4099ff;
-$fruitSalad: #43a047;
-$nero: #212121;
-$darkGray2: #a4a4a4;
-$pinkSwan: #b7b7b7;
-$blue: #d8eaff;
-$lightBlue: #eff6ff;
-$sunsetOrange: #ff5353;
-$redShade: #ff5252;
-$lightBlueShade: #d6dcff;
-$blueBerry: #536dfe;
-$darkPink: #be489d;
-$lightPinkShade: #f4e7f2;
-$sellerGroupChildRow: #f9f3f8;
+$primary-color: #268bff;
+$background-white: #ffffff;
+$lightGray: #d3d3d3;
+$lightGray-1: #f1f1f1;
+$lightGray-2: #b3b3b3;
+$lightGray-3: #ededed;
+$lightGray-4: #d4d4d4;
+$lightGray-5: #e6e6e6;
+$lightGray-6: #c8c8c8;
+$lightGray-7: #9b9b9b;
+$lightGray-9: #d9e1e6;
+$lightGray-8: #b7b7b7;
+$dimGray: #747474;
+$lightDimGray: #666666;
+$coralRed: #ff4747;
+$greenCyan: #00c853;
+$bookedColor: #9b1b93;
+$orderedColor: #d780d1;
+$billableColor: #f2bdef;
+$nationalColor: #f5dd31;
+$localColor: #8db72e;
+$lavenderBlue: #c7e1ff;
+$aliceBlue: #e3f0ff;
+$dodgerBlue: #1582ff;
+$lightGrey: #d6d6d6;
+$coldTurkey: #ceb6b6;
+$lightSilver: #d8d8d8;
+$GraythirtySeven: #5e5e5e;
+$charcoal: #4a4a4a;
+$sellerReviewColor: #f3bd18;
+$buyerReviewColor: #1565c0;
+$reviewCompleteColor: #00c853;
+$recoveredPreemptionColor: #0071ce;
+$deepSkyBlue: #00b0ff;
+$licorice: #2e384d;
+$navyBlue: #0071ce;
+$nobelGray: #b7b6b6;
+$whiteSmoke: #f7f6f6;
+$gray: #979797;
+$paleBlue: #c2cfd6;
+$lightViolet: #9169fc;
+$dimViolet: #e5dbff;
+$darkViolet: #555099;
+$whisper: #e9e9e9;
+$lynxWhite: #f7f7f7;
+$lightAliceBlue: #e5f1ff;
+$veryLightGrey: #cfcfcf;
+$darkCharcoal: #333333;
+$noRevisionFound: #f47228;
+$redOrange: #f44336;
+$DRRBgColor: #edecec;
+$darkYellowWarning: #f3c639;
+$lightYellow: #fff8e3;
+$filterRadioContainer: #f4f4f4;
+$oliveGreen: #8bac2a;
+$calendarLabel: #222b45;
+$olivedrab: #6b8e23;
+$redOrange: #fe3824;
+$chineseSilver: #cccccc;
+$grey: #767676;
+$primary-success: #47d490;
+$secondary-success: #ebf6f1;
+$primary-warning: #f3c639;
+$secondary-warning: #fff8e3;
+$primary-dark: #90a4ae;
+$secondary-dark: #ebedee;
+$primary-danger: #fc8383;
+$secondary-danger: #ffeded;
+$Gray94: #f0f0f0;
+$whisper: #ededed;
+$whiteSmoke2: #f4f4f4;
+$pinkSwan: #b5b5b5;
+$matterhorn: #4f4f4f;
+$lightGrey: #d4d4d4;
+$gray74: #bdbdbd;
+$gray86: #dbdbdb;
+$darkBlueShade: #222b45;
+$green: #8bac2a;
+$darkPurpleShade: #555099;
+$pattensBlue: #d8eaff;
+$quartz: #dddceb;
+$darkGray: #a7a7a7;
+$darkGray1: #cbcbcb;
+$awaitingSellerReview: #f7f2d1;
+$awaitingSellerReviewBorder: #dec30b;
+$amber: #ffc107;
+$whiteSmoke3: #efefef;
+$greyChateau: #a2a8ad;
+$roseBud: #f9b3ae;
+$paleRed: #fde4e3;
+$redOrange3: #f44336;
+$redOrange4: #fe3824;
+$gray43: #6e6e6e;
+$dodgerBlue2: #4099ff;
+$fruitSalad: #43a047;
+$nero: #212121;
+$darkGray2: #a4a4a4;
+$pinkSwan: #b7b7b7;
+$blue: #d8eaff;
+$lightBlue: #eff6ff;
+$sunsetOrange: #ff5353;
+$redShade: #ff5252;
+$lightBlueShade: #d6dcff;
+$blueBerry: #536dfe;
+$darkPink: #be489d;
+$lightPinkShade: #f4e7f2;
+$sellerGroupChildRow: #f9f3f8;