@annalib/anna-core 38.0.0 → 40.0.0

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

@@ -4,11 +4,11 @@ export interface IGtTableHeader {
     headerInfo: IHeaderInfo[];
     visible: boolean;
     width: string;
-    rowspan?: number;
-    colspan?: number;
-    rowNumber?: number;
-    dummyHeader?: boolean;
-    columnNumber?: number;
+    rowspan: number;
+    colspan: number;
+    rowNumber: number;
+    dummyHeader: boolean;
+    columnNumber: number;
 }
 export type TDCellClass = "CENTRE";
 export interface IHeaderInfo {
@@ -41,7 +41,6 @@ export interface ISvgOrIconTypeInGTTable {
     svgOrIconTooltipMsg?: string;
     additionalText?: string;
     additionalTextClass?: string;
-    svgOrIconAdditionalTextTooltipMsg?: string;
 }
 export interface ITimeInputData {
     selectedTimeAsAString: string;
@@ -77,8 +76,7 @@ export declare enum SvgOrIconNames {
     ALPHA_R_CIRCLE = "ALPHA_R_CIRCLE",
     ALPHA_E_CIRCLE = "ALPHA_E_CIRCLE",
     ALPHA_A_CIRCLE = "ALPHA_A_CIRCLE",
-    CALENDAR = "CALENDAR",
-    TRENDING_UP = "TRENDING_UP"
+    CALENDAR = "CALENDAR"
 }
 export interface ITotalRowInfo {
     colspan: number;
@@ -195,7 +193,6 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     linkClass?: string;
     showLink?: boolean;
     disabledLink?: boolean;
-    linkTooltip?: string;
     showTooltip: boolean;
     tooltipData?: {
         key: string;
@@ -208,7 +205,7 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     showSimpleIcon?: boolean;
     tooltipDataForSimpleIcon?: string;
 }
-export type IconToShow = "LIVE" | "PAY_FOR_PERFORMANCE_ACTIVE" | "PAY_FOR_PERFORMANCE" | "REJECTED" | "NOTIFY" | "AWAITING_APPROVAL" | "DELETED_ORDER" | "NEED_SELLER_CONFIRMATION" | "NEED_BUYER_CONFIRMATION" | "AUTOMATED" | "WARNING_ICON" | "INFORMATION_OUTLINE_ICON" | "ALERT_OCTAGON_ICON" | "CANCEL_ICON" | "ALPHA_B_CIRCLE" | "ALPHA_R_CIRCLE" | "ALPHA_E_CIRCLE" | "ALPHA_A_CIRCLE" | "MESSAGE" | "CALENDAR" | "EMAIL_ICON" | "TRENDING_UP";
+export type IconToShow = "LIVE" | "PAY_FOR_PERFORMANCE_ACTIVE" | "PAY_FOR_PERFORMANCE" | "REJECTED" | "NOTIFY" | "AWAITING_APPROVAL" | "DELETED_ORDER" | "NEED_SELLER_CONFIRMATION" | "NEED_BUYER_CONFIRMATION" | "AUTOMATED" | "WARNING_ICON" | "INFORMATION_OUTLINE_ICON" | "ALERT_OCTAGON_ICON" | "CANCEL_ICON" | "ALPHA_B_CIRCLE" | "ALPHA_R_CIRCLE" | "ALPHA_E_CIRCLE" | "ALPHA_A_CIRCLE" | "MESSAGE" | "CALENDAR" | "EMAIL_ICON";
 export declare class TableClassNameConstant {
     static readonly defaultClass = "table-body-row ";
     static readonly selectedRow = "selected-row ";
@@ -274,10 +271,4 @@ export interface IDropdownConfigWithIconForGT {
     showTooltip: boolean;
     tooltipData?: string;
 }
-export interface ICustomizableColumn {
-    name: string;
-    objectKey: string;
-    isFixed: boolean;
-    isChecked: boolean;
-}
 export {};

package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts

@@ -16,14 +16,14 @@ export declare class AnnaDateTimeFormatService {
     addZero(time: any): any;
     sortByTimeAscending(a: any, b: any): number;
     sortByTimeDescending(a: any, b: any): number;
-    compareTime(a: dayjs.Dayjs, b: dayjs.Dayjs, unit: UnitType, isAsc: boolean): 0 | 1 | -1;
+    compareTime(a: dayjs.Dayjs, b: dayjs.Dayjs, unit: UnitType, isAsc: boolean): 1 | -1 | 0;
     convertNgbDateToMoment(ngbDate: NgbDate | NgbDateType): string;
     compareDate(a: string, b: string, isAsc: boolean): number;
     static formatTwentyFourHourTimeToHHMMAFormat(value: any, date?: string): string;
     static formatTwelveHourTimeToHHMMAFormat(timeValue: any, date?: string): string;
     formatDateAndHHMMATimeToStandardFormat(dateAndTime: any): string;
     compare(a: number | string, b: number | string, isAsc: boolean): number;
-    sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): 0 | 1 | -1;
+    sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): 1 | -1 | 0;
     convertNgbDateToMomentInSpecificFormat(ngbDate: NgbDateType, format: string): string;
     getBroadcastWeek(startDate: any, format?: string): {
         start: dayjs.Dayjs;

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

@@ -1,9 +1,8 @@
 import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from "@angular/core";
-import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
 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 { EllipsisWithTableTooltip, ICustomizableColumn, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, InnerHTMLTooltipAction, ITimeInputData, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
+import { EllipsisWithTableTooltip, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, InnerHTMLTooltipAction, ITimeInputData, 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";
@@ -20,7 +19,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     private annaSortService;
     annaDateTimeFormatService: AnnaDateTimeFormatService;
     annaFilterService: AnnaFilterService;
-    modalService: NgbModal;
     showSkeletonLoading: boolean;
     tableHeaders: IGtTableHeader[];
     tableData: any[];
@@ -53,8 +51,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     tdsHaveRowSpan: boolean;
     multipleTablesPresent: boolean;
     showOrHideToggleForTotalRow: boolean;
-    enableCustomizableColumns: boolean;
-    customizableColumnsList: ICustomizableColumn[];
     toggleCheckbox: EventEmitter<any>;
     toggleRowCheckbox: EventEmitter<any>;
     toggleHeaderCheckbox: EventEmitter<any>;
@@ -102,10 +98,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     }>;
     totalRowRadioButtonClicked: EventEmitter<string>;
     totalRowRadioButtonIconClicked: EventEmitter<string>;
-    columnsCustomized: EventEmitter<{
-        selectedColumns: string[];
-        tableHeaders: IGtTableHeader[];
-    }>;
     acfiRateInputChanged: EventEmitter<{
         data: any;
         key: string;
@@ -180,9 +172,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
         open: () => void;
         close: () => void;
     };
-    customizableColumnsListClone: ICustomizableColumn[];
-    customizeColumnsModalReference: any;
-    customizeColumnsModal: TemplateRef<any>;
     statusNoteTooltip: any;
     statusNoteForTooltip: string;
     statusNoteForPopup: string;
@@ -201,7 +190,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
         time: string;
     }[];
     selectedRowForTimeEdit: any;
-    constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService, modalService: NgbModal);
+    constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
     detectChanges(): void;
@@ -276,10 +265,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     closeTimeInputTooltip(): void;
     timeInputTooltipClickedInTableBody(event: ITimeInputData, rowData: any): void;
     timeSelectedInTableRow(event: string[][]): void;
-    openCustomizeColumnsModal(): void;
-    selectUnselectCustomizeColumns(column: ICustomizableColumn): void;
-    customizeColumns(customize: boolean): 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": true; }; "tableData": { "alias": "tableData"; "required": true; }; "clonedTableData": { "alias": "clonedTableData"; "required": true; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": true; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": true; }; "extraHeaderRowForAdjustingColumnWidths": { "alias": "extraHeaderRowForAdjustingColumnWidths"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "fixRowsToRender": { "alias": "fixRowsToRender"; "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; }; "enableCustomizableColumns": { "alias": "enableCustomizableColumns"; "required": false; }; "customizableColumnsList": { "alias": "customizableColumnsList"; "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"; "statusNotePopupOpened": "statusNotePopupOpened"; "textPopupOpened": "textPopupOpened"; "digitOnlyInputChanged": "digitOnlyInputChanged"; "singleSelectDropdownValueEmit": "singleSelectDropdownValueEmit"; "timeSelected": "timeSelected"; "totalRowRadioButtonClicked": "totalRowRadioButtonClicked"; "totalRowRadioButtonIconClicked": "totalRowRadioButtonIconClicked"; "columnsCustomized": "columnsCustomized"; "acfiRateInputChanged": "acfiRateInputChanged"; "acfiRateCopyRequested": "acfiRateCopyRequested"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": { "alias": "showSkeletonLoading"; "required": false; }; "tableHeaders": { "alias": "tableHeaders"; "required": true; }; "tableData": { "alias": "tableData"; "required": true; }; "clonedTableData": { "alias": "clonedTableData"; "required": true; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": true; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": true; }; "extraHeaderRowForAdjustingColumnWidths": { "alias": "extraHeaderRowForAdjustingColumnWidths"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "fixRowsToRender": { "alias": "fixRowsToRender"; "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"; "statusNotePopupOpened": "statusNotePopupOpened"; "textPopupOpened": "textPopupOpened"; "digitOnlyInputChanged": "digitOnlyInputChanged"; "singleSelectDropdownValueEmit": "singleSelectDropdownValueEmit"; "timeSelected": "timeSelected"; "totalRowRadioButtonClicked": "totalRowRadioButtonClicked"; "totalRowRadioButtonIconClicked": "totalRowRadioButtonIconClicked"; "acfiRateInputChanged": "acfiRateInputChanged"; "acfiRateCopyRequested": "acfiRateCopyRequested"; }, never, never, true, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "38.0.0",
+  "version": "40.0.0",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^19.0.0",
     "@angular/common": "^19.2.10",

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,8 +1,8 @@
-//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);
-$app-max-width: 1855px;
+//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);
+$app-max-width: 1855px;

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

@@ -1,29 +1,29 @@
-@use "fonts" as *;
-
-@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, var(--page-message-content-fs), 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;
-    }
-}
+@use "fonts" as *;
+
+@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, var(--page-message-content-fs), 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 @@
-@use "./colors" as *;
-
-@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;
-    }
-}
+@use "./colors" as *;
+
+@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;