@norwegian/core-components 7.2.2 → 7.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/airport-select/airport-select.component.mjs +6 -4
- package/esm2022/lib/components/box/box.component.mjs +2 -2
- package/esm2022/lib/components/continue/continue.component.mjs +2 -2
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.component.mjs +6 -10
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +2 -2
- package/esm2022/lib/components/filter/filter.component.mjs +25 -11
- package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +2 -2
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/page-footer/page-footer.component.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +48 -36
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/airport-select/airport-select.component.d.ts +9 -3
- package/lib/components/datepicker-combo/datepicker-combo.component.d.ts +9 -5
- package/lib/components/filter/filter.component.d.ts +22 -6
- package/package.json +1 -1
- package/styles/1__settings/_colors.scss +11 -4
|
@@ -44,9 +44,15 @@ export declare class AirportSelectComponent extends NasComponentBase implements
|
|
|
44
44
|
/**
|
|
45
45
|
* @property Input
|
|
46
46
|
* @description
|
|
47
|
-
* The ID of the native input element
|
|
47
|
+
* The outbound aiport select ID of the native input element
|
|
48
48
|
*/
|
|
49
|
-
|
|
49
|
+
outboundId: string;
|
|
50
|
+
/**
|
|
51
|
+
* @property Input
|
|
52
|
+
* @description
|
|
53
|
+
* The inbound aiport select ID of the native input element
|
|
54
|
+
*/
|
|
55
|
+
inboundId: string;
|
|
50
56
|
/**
|
|
51
57
|
* @property Input
|
|
52
58
|
* @required
|
|
@@ -307,5 +313,5 @@ export declare class AirportSelectComponent extends NasComponentBase implements
|
|
|
307
313
|
private clearDestinations;
|
|
308
314
|
private setCurrentLatestSearchesDestination;
|
|
309
315
|
static ɵfac: i0.ɵɵFactoryDeclaration<AirportSelectComponent, never>;
|
|
310
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AirportSelectComponent, "nas-airport-select", never, { "
|
|
316
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AirportSelectComponent, "nas-airport-select", never, { "outboundId": { "alias": "outboundId"; "required": false; }; "inboundId": { "alias": "inboundId"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "airportRelations": { "alias": "airportRelations"; "required": false; }; "latestSearchesOrigin": { "alias": "latestSearchesOrigin"; "required": false; }; "latestSearchesDestination": { "alias": "latestSearchesDestination"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "allowedOriginAiports": { "alias": "allowedOriginAiports"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "combo": { "alias": "combo"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; }, { "originChange": "originChange"; "originOpenChange": "originOpenChange"; "destinationChange": "destinationChange"; "destinationOpenChange": "destinationOpenChange"; "focusOnNext": "focusOnNext"; "positionChange": "positionChange"; }, never, never, false, never>;
|
|
311
317
|
}
|
|
@@ -25,9 +25,15 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
|
|
|
25
25
|
/**
|
|
26
26
|
* @property Input
|
|
27
27
|
* @description
|
|
28
|
-
* The ID of the native input element
|
|
28
|
+
* The outbound datepicker ID of the native input element
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
outboundId: string;
|
|
31
|
+
/**
|
|
32
|
+
* @property Input
|
|
33
|
+
* @description
|
|
34
|
+
* The inbound datepicker ID of the native input element
|
|
35
|
+
*/
|
|
36
|
+
inboundId: string;
|
|
31
37
|
/**
|
|
32
38
|
* @property Input
|
|
33
39
|
* @description
|
|
@@ -287,8 +293,6 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
|
|
|
287
293
|
focusOnPreviousChange: EventEmitter<KeyboardEvent | MouseEvent>;
|
|
288
294
|
get inboundSelectedMonth(): UtcDate;
|
|
289
295
|
set inboundSelectedMonth(month: UtcDate);
|
|
290
|
-
get outboundInputId(): string;
|
|
291
|
-
get inboundInputId(): string;
|
|
292
296
|
private outboundSelectedDateValue;
|
|
293
297
|
private inboundSelectedDateValue;
|
|
294
298
|
private inboundSelectedMonthValue;
|
|
@@ -313,5 +317,5 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
|
|
|
313
317
|
setInlineFlexOnContainterWidth(): void;
|
|
314
318
|
datePickerFloating(): boolean;
|
|
315
319
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComboComponent, never>;
|
|
316
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComboComponent, "nas-datepicker-combo", never, { "
|
|
320
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComboComponent, "nas-datepicker-combo", never, { "outboundId": { "alias": "outboundId"; "required": false; }; "inboundId": { "alias": "inboundId"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "outboundOpen": { "alias": "outboundOpen"; "required": false; }; "inboundOpen": { "alias": "inboundOpen"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "outboundOnly": { "alias": "outboundOnly"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "times": { "alias": "times"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "outboundSelectedTime": { "alias": "outboundSelectedTime"; "required": false; }; "inboundSelectedTime": { "alias": "inboundSelectedTime"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "inboundLowerLimitDateOffset": { "alias": "inboundLowerLimitDateOffset"; "required": false; }; "inlineFlex": { "alias": "inlineFlex"; "required": false; }; }, { "outboundSelectedDateChange": "outboundSelectedDateChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "outboundOpenChange": "outboundOpenChange"; "inboundOpenChange": "inboundOpenChange"; "outboundMonthChange": "outboundMonthChange"; "inboundMonthChange": "inboundMonthChange"; "focusOnNextChange": "focusOnNextChange"; "focusOnPreviousChange": "focusOnPreviousChange"; }, never, never, false, never>;
|
|
317
321
|
}
|
|
@@ -56,6 +56,9 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
|
|
|
56
56
|
componentId: number;
|
|
57
57
|
tripSwitchFocusTimeout: any;
|
|
58
58
|
expandedAccordionMobileValue: boolean;
|
|
59
|
+
tripTypeInit: boolean;
|
|
60
|
+
defaultTripType: TripType;
|
|
61
|
+
outboundDateOnly: boolean;
|
|
59
62
|
get outboundOpen(): boolean;
|
|
60
63
|
set outboundOpen(value: boolean);
|
|
61
64
|
get inboundOpen(): boolean;
|
|
@@ -689,9 +692,16 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
|
|
|
689
692
|
* @property Input
|
|
690
693
|
* @required
|
|
691
694
|
* @description
|
|
692
|
-
* The ID of the native input element for Airport Select
|
|
695
|
+
* The ID of the native input element for outbound Airport Select
|
|
693
696
|
*/
|
|
694
|
-
|
|
697
|
+
airportSelectOutboundId: string;
|
|
698
|
+
/**
|
|
699
|
+
* @property Input
|
|
700
|
+
* @required
|
|
701
|
+
* @description
|
|
702
|
+
* The ID of the native input element for inbound Airport Select
|
|
703
|
+
*/
|
|
704
|
+
airportSelectInboundId: string;
|
|
695
705
|
/**
|
|
696
706
|
* @property Input
|
|
697
707
|
* @required
|
|
@@ -703,9 +713,16 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
|
|
|
703
713
|
* @property Input
|
|
704
714
|
* @required
|
|
705
715
|
* @description
|
|
706
|
-
* The ID of the native input element for Date picker
|
|
716
|
+
* The outbound datepicker ID of the native input element for Date picker
|
|
717
|
+
*/
|
|
718
|
+
datePickerOutboundId: string;
|
|
719
|
+
/**
|
|
720
|
+
* @property Input
|
|
721
|
+
* @required
|
|
722
|
+
* @description
|
|
723
|
+
* The inbound datepicker ID of the native input element for Date picker
|
|
707
724
|
*/
|
|
708
|
-
|
|
725
|
+
datePickerInboundId: string;
|
|
709
726
|
/**
|
|
710
727
|
* @property Input
|
|
711
728
|
* @required
|
|
@@ -771,7 +788,6 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
|
|
|
771
788
|
get inboundSelectedMonth(): UtcDate;
|
|
772
789
|
set inboundSelectedMonth(month: UtcDate);
|
|
773
790
|
get passengerSelectInputId(): string;
|
|
774
|
-
get datePickerInputId(): string;
|
|
775
791
|
get tripTypeInputId(): string;
|
|
776
792
|
get transitTypeInputId(): string;
|
|
777
793
|
private outboundSelectedDateValue;
|
|
@@ -833,5 +849,5 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
|
|
|
833
849
|
private setLatestSearches;
|
|
834
850
|
private closeDropdowns;
|
|
835
851
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
|
|
836
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "nas-filter", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectYouthsLabel": { "alias": "passengerSelectYouthsLabel"; "required": false; }; "passengerSelectYoungAdultsLabel": { "alias": "passengerSelectYoungAdultsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "times": { "alias": "times"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "passengersTitleLabel": { "alias": "passengersTitleLabel"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; "datePickerComboInlineFlex": { "alias": "datePickerComboInlineFlex"; "required": false; }; "
|
|
852
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "nas-filter", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectYouthsLabel": { "alias": "passengerSelectYouthsLabel"; "required": false; }; "passengerSelectYoungAdultsLabel": { "alias": "passengerSelectYoungAdultsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "times": { "alias": "times"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "passengersTitleLabel": { "alias": "passengersTitleLabel"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; "datePickerComboInlineFlex": { "alias": "datePickerComboInlineFlex"; "required": false; }; "airportSelectOutboundId": { "alias": "airportSelectOutboundId"; "required": false; }; "airportSelectInboundId": { "alias": "airportSelectInboundId"; "required": false; }; "passengerSelectId": { "alias": "passengerSelectId"; "required": false; }; "datePickerOutboundId": { "alias": "datePickerOutboundId"; "required": false; }; "datePickerInboundId": { "alias": "datePickerInboundId"; "required": false; }; "tripTypeId": { "alias": "tripTypeId"; "required": false; }; "transitTypeId": { "alias": "transitTypeId"; "required": false; }; }, { "originOpenChange": "originOpenChange"; "destinationOpenChange": "destinationOpenChange"; "passengerSelectOpenChange": "passengerSelectOpenChange"; "originChange": "originChange"; "destinationChange": "destinationChange"; "passengersChange": "passengersChange"; "tripTypeChange": "tripTypeChange"; "directOnlyChange": "directOnlyChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "outboundOpenChange": "outboundOpenChange"; "inboundOpenChange": "inboundOpenChange"; "outboundMonthChange": "outboundMonthChange"; "inboundMonthChange": "inboundMonthChange"; "focusOnNextChange": "focusOnNextChange"; "positionChange": "positionChange"; }, never, never, false, never>;
|
|
837
853
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:color";
|
|
3
|
+
|
|
1
4
|
// Colors
|
|
2
5
|
@function color($color-name, $color-variant: 'base') {
|
|
3
|
-
@return map
|
|
6
|
+
@return map.get(map.get($base-colors, $color-name), $color-variant);
|
|
4
7
|
}
|
|
5
8
|
|
|
6
9
|
// Find the contrast color to any color hex
|
|
@@ -19,15 +22,16 @@
|
|
|
19
22
|
|
|
20
23
|
// Add percentage of white to a color
|
|
21
24
|
@function tint($color, $percent) {
|
|
22
|
-
@return mix(white, $color, $percent);
|
|
25
|
+
@return color.mix(white, $color, $percent);
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
// Add percentage of black to a color
|
|
26
29
|
@function shade($color, $percent) {
|
|
27
|
-
@return mix(black, $color, $percent);
|
|
30
|
+
@return color.mix(black, $color, $percent);
|
|
28
31
|
}
|
|
29
32
|
|
|
30
33
|
$base-colors: (
|
|
34
|
+
black-color:(base: #000),
|
|
31
35
|
blue-color: (10: #EBF4FF,
|
|
32
36
|
20: #DAEBFF,
|
|
33
37
|
30: #C2DEFF,
|
|
@@ -98,7 +102,7 @@ $alert-warning-background: color(orange-color, 10);
|
|
|
98
102
|
$background-canvas: color(grey-color, 10);
|
|
99
103
|
$background-important: color(blue-color, base);
|
|
100
104
|
$background-promotion: color(red-color, base);
|
|
101
|
-
$background-surface-contrast: color(grey-color,
|
|
105
|
+
$background-surface-contrast: color(grey-color, 20);
|
|
102
106
|
$background-surface-dark: color(grey-color, 70);
|
|
103
107
|
$background-surface-default: color(white-color, base);
|
|
104
108
|
$background-surface-muted: color(grey-color, 40);
|
|
@@ -122,6 +126,9 @@ $cta-tertiary: color(white-color, base);
|
|
|
122
126
|
$cta-tertiary-hover: color(grey-color, 10);
|
|
123
127
|
$cta-tertiary-press: color(blue-color, 10);
|
|
124
128
|
|
|
129
|
+
// Focus
|
|
130
|
+
$focus-ring: #0978E8;
|
|
131
|
+
|
|
125
132
|
// Interactive elements
|
|
126
133
|
$interactive-element-default: color(white-color, base);
|
|
127
134
|
$interactive-element-disabled: color(grey-color, 40);
|