mautourco-components 0.2.12 → 0.2.14
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/dist/components/atoms/Icon/Icon.d.ts +1 -1
- package/dist/components/atoms/Icon/Icon.js +1 -1
- package/dist/components/atoms/Icon/icons/AccomIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/AccomIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/ArrowDownOutlineIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/ArrowDownOutlineIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/ArrowRightOutlineIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/BusIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/BusIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/Calendar2Icon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/Calendar2Icon.js +36 -0
- package/dist/components/atoms/Icon/icons/MapIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/MapIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/MicroIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/MicroIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/MoreVerticalIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/MoreVerticalIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/NightIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/NightIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/QuotationIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/QuotationIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/RowExcursion.d.ts +16 -0
- package/dist/components/atoms/Icon/icons/RowExcursion.js +28 -0
- package/dist/components/atoms/Icon/icons/StopWatchIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/StopWatchIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/Utensils.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/Utensils.js +36 -0
- package/dist/components/atoms/Icon/icons/WalletIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/WalletIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/registry.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/registry.js +51 -27
- package/dist/components/atoms/Typography/Typography.d.ts +3 -1
- package/dist/components/atoms/Typography/Typography.js +3 -15
- package/dist/components/molecules/ActionDropdown/ActionDropdown.css +2119 -0
- package/dist/components/molecules/ActionDropdown/ActionDropdown.d.ts +21 -0
- package/dist/components/molecules/ActionDropdown/ActionDropdown.js +34 -0
- package/dist/components/molecules/DateDisplay/DateDisplay.d.ts +14 -0
- package/dist/components/molecules/DateDisplay/DateDisplay.js +39 -0
- package/dist/components/molecules/FromTo/FromTo.d.ts +8 -0
- package/dist/components/molecules/FromTo/FromTo.js +24 -0
- package/dist/components/molecules/TableServiceItem/DetailsCol.d.ts +12 -0
- package/dist/components/molecules/TableServiceItem/DetailsCol.js +17 -0
- package/dist/components/molecules/TableServiceItem/ItemCol.d.ts +13 -0
- package/dist/components/molecules/TableServiceItem/ItemCol.js +24 -0
- package/dist/components/molecules/TableServiceItem/RowAccommodation.d.ts +16 -0
- package/dist/components/molecules/TableServiceItem/RowAccommodation.js +37 -0
- package/dist/components/molecules/TableServiceItem/RowExcursion.d.ts +16 -0
- package/dist/components/molecules/TableServiceItem/RowExcursion.js +22 -0
- package/dist/components/molecules/TableServiceItem/RowOtherServices.d.ts +9 -0
- package/dist/components/molecules/TableServiceItem/RowOtherServices.js +34 -0
- package/dist/components/molecules/TableServiceItem/RowTransfer.d.ts +15 -0
- package/dist/components/molecules/TableServiceItem/RowTransfer.js +37 -0
- package/dist/components/molecules/TableServiceItem/index.d.ts +17 -0
- package/dist/components/molecules/TableServiceItem/index.js +15 -0
- package/dist/components/molecules/TextWithIcon/TextWithIcon.d.ts +30 -0
- package/dist/components/molecules/TextWithIcon/TextWithIcon.js +31 -0
- package/dist/components/molecules/TooltipDisplay/TooltipDisplay.d.ts +13 -0
- package/dist/components/molecules/TooltipDisplay/TooltipDisplay.js +18 -0
- package/dist/components/organisms/MultipleQuotationDocket/MultipleQuotationDocket.d.ts +64 -0
- package/dist/components/organisms/MultipleQuotationDocket/MultipleQuotationDocket.js +45 -0
- package/dist/components/organisms/MultipleQuotationDocket/index.d.ts +2 -0
- package/dist/components/organisms/MultipleQuotationDocket/index.js +1 -0
- package/dist/components/organisms/Table/Table.css +2280 -0
- package/dist/components/organisms/Table/Table.d.ts +50 -0
- package/dist/components/organisms/Table/Table.js +95 -0
- package/dist/components/organisms/Table/TableCell.d.ts +15 -0
- package/dist/components/organisms/Table/TableCell.js +16 -0
- package/dist/components/organisms/Table/columns/booking-columns.d.ts +7 -0
- package/dist/components/organisms/Table/columns/booking-columns.js +83 -0
- package/dist/components/organisms/Table/columns/detail-resume-columns.d.ts +3 -0
- package/dist/components/organisms/Table/columns/detail-resume-columns.js +178 -0
- package/dist/components/organisms/Table/columns/index.d.ts +12 -0
- package/dist/components/organisms/Table/columns/index.js +9 -0
- package/dist/components/organisms/Table/columns/quotation-columns.d.ts +7 -0
- package/dist/components/organisms/Table/columns/quotation-columns.js +91 -0
- package/dist/components/organisms/Table/constant.d.ts +6 -0
- package/dist/components/organisms/Table/constant.js +24 -0
- package/dist/components/organisms/Table/index.d.ts +2 -0
- package/dist/components/organisms/Table/index.js +2 -0
- package/dist/components/ui/popover.d.ts +3 -3
- package/dist/components/ui/popover.js +5 -5
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/components/ui/tooltip.js +42 -0
- package/dist/index.d.ts +43 -33
- package/dist/index.js +27 -20
- package/dist/styles/components/organism/multiple-quotation-docket.css +2304 -0
- package/dist/styles/components/typography.css +1 -0
- package/dist/types/table/action-dropdown-type.types.d.ts +5 -0
- package/dist/types/table/action-dropdown-type.types.js +6 -0
- package/dist/types/table/booking.types.d.ts +16 -0
- package/dist/types/table/booking.types.js +1 -0
- package/dist/types/table/detail-resume.types.d.ts +155 -0
- package/dist/types/table/detail-resume.types.js +7 -0
- package/dist/types/table/index.d.ts +3 -0
- package/dist/types/table/index.js +3 -0
- package/dist/types/table/quotation.types.d.ts +23 -0
- package/dist/types/table/quotation.types.js +1 -0
- package/package.json +6 -1
- package/src/components/atoms/Icon/Icon.tsx +2 -8
- package/src/components/atoms/Icon/icons/AccomIcon.tsx +45 -0
- package/src/components/atoms/Icon/icons/ArrowDownOutlineIcon.tsx +41 -0
- package/src/components/atoms/Icon/icons/ArrowRightOutlineIcon.tsx +2 -7
- package/src/components/atoms/Icon/icons/BusIcon.tsx +52 -0
- package/src/components/atoms/Icon/icons/Calendar2Icon.tsx +54 -0
- package/src/components/atoms/Icon/icons/MapIcon.tsx +48 -0
- package/src/components/atoms/Icon/icons/MicroIcon.tsx +45 -0
- package/src/components/atoms/Icon/icons/MoreVerticalIcon.tsx +53 -0
- package/src/components/atoms/Icon/icons/NightIcon.tsx +45 -0
- package/src/components/atoms/Icon/icons/QuotationIcon.tsx +50 -0
- package/src/components/atoms/Icon/icons/RowExcursion.tsx +54 -0
- package/src/components/atoms/Icon/icons/StopWatchIcon.tsx +45 -0
- package/src/components/atoms/Icon/icons/Utensils.tsx +45 -0
- package/src/components/atoms/Icon/icons/WalletIcon.tsx +45 -0
- package/src/components/atoms/Icon/icons/registry.tsx +52 -28
- package/src/components/atoms/Typography/Typography.tsx +22 -30
- package/src/components/molecules/ActionDropdown/ActionDropdown.css +23 -0
- package/src/components/molecules/ActionDropdown/ActionDropdown.tsx +53 -0
- package/src/components/molecules/DateDisplay/DateDisplay.tsx +47 -0
- package/src/components/molecules/FromTo/FromTo.tsx +31 -0
- package/src/components/molecules/TableServiceItem/DetailsCol.tsx +25 -0
- package/src/components/molecules/TableServiceItem/ItemCol.tsx +68 -0
- package/src/components/molecules/TableServiceItem/RowAccommodation.tsx +56 -0
- package/src/components/molecules/TableServiceItem/RowExcursion.tsx +40 -0
- package/src/components/molecules/TableServiceItem/RowOtherServices.tsx +50 -0
- package/src/components/molecules/TableServiceItem/RowTransfer.tsx +60 -0
- package/src/components/molecules/TableServiceItem/index.ts +24 -0
- package/src/components/molecules/TextWithIcon/TextWithIcon.tsx +62 -0
- package/src/components/molecules/TooltipDisplay/TooltipDisplay.tsx +32 -0
- package/src/components/organisms/CarBookingCard/index.ts +3 -0
- package/src/components/organisms/MultipleQuotationDocket/MultipleQuotationDocket.tsx +349 -0
- package/src/components/organisms/MultipleQuotationDocket/index.ts +6 -0
- package/src/components/organisms/Table/Table.css +185 -0
- package/src/components/organisms/Table/Table.tsx +273 -0
- package/src/components/organisms/Table/TableCell.tsx +40 -0
- package/src/components/organisms/Table/columns/booking-columns.tsx +118 -0
- package/src/components/organisms/Table/columns/detail-resume-columns.tsx +226 -0
- package/src/components/organisms/Table/columns/index.ts +11 -0
- package/src/components/organisms/Table/columns/quotation-columns.tsx +150 -0
- package/src/components/organisms/Table/constant.ts +31 -0
- package/src/components/organisms/Table/index.ts +2 -0
- package/src/components/ui/popover.tsx +10 -10
- package/src/components/ui/tooltip.tsx +45 -0
- package/src/styles/components/organism/multiple-quotation-docket.css +222 -0
- package/src/styles/components/typography.css +4 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
var UtensilsIcon = function (_a) {
|
|
14
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
|
|
15
|
+
var getSizeClasses = function () {
|
|
16
|
+
switch (size) {
|
|
17
|
+
case 'xs':
|
|
18
|
+
return 'w-3 h-3';
|
|
19
|
+
case 'sm':
|
|
20
|
+
return 'w-4 h-4';
|
|
21
|
+
case 'md':
|
|
22
|
+
return 'w-5 h-5';
|
|
23
|
+
case 'lg':
|
|
24
|
+
return 'w-6 h-6';
|
|
25
|
+
case 'xl':
|
|
26
|
+
return 'w-8 h-8';
|
|
27
|
+
default:
|
|
28
|
+
return 'w-5 h-5';
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
var sizeClasses = getSizeClasses();
|
|
32
|
+
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
|
+
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
+
return (_jsx("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M3.91699 14.667V8.08398H3.33301C2.18572 8.08381 1.25018 7.14827 1.25 6.00098V1.33398C1.25 0.919771 1.58579 0.583984 2 0.583984C2.41421 0.583984 2.75 0.919771 2.75 1.33398V6.00098C2.75018 6.31984 3.01414 6.5838 3.33301 6.58398H3.91699V1.33398C3.91699 0.919771 4.25278 0.583984 4.66699 0.583984C5.08106 0.58416 5.41699 0.919879 5.41699 1.33398V6.58398H6C6.15463 6.58398 6.30273 6.52238 6.41211 6.41309C6.52143 6.30377 6.58292 6.15557 6.58301 6.00098V1.33398C6.58301 0.919879 6.91894 0.58416 7.33301 0.583984C7.74722 0.583984 8.08301 0.919771 8.08301 1.33398V6.00098C8.08292 6.55339 7.86328 7.08301 7.47266 7.47363C7.08197 7.86423 6.55246 8.08398 6 8.08398H5.41699V14.667C5.41699 15.0811 5.08106 15.4168 4.66699 15.417C4.25278 15.417 3.91699 15.0812 3.91699 14.667ZM13.25 14.667V10.751H12C10.8525 10.751 9.91699 9.81454 9.91699 8.66699V4.66699C9.91708 3.5843 10.3468 2.54594 11.1123 1.78027C11.8781 1.0145 12.917 0.583984 14 0.583984L14.1475 0.598633C14.2914 0.627508 14.4249 0.698334 14.5303 0.803711C14.6709 0.944363 14.75 1.13507 14.75 1.33398V14.667C14.75 15.0812 14.4142 15.417 14 15.417C13.5858 15.417 13.25 15.0812 13.25 14.667ZM11.417 8.66699C11.417 8.98611 11.6809 9.25098 12 9.25098H13.25V2.19434C12.847 2.31656 12.476 2.53763 12.1729 2.84082C11.6887 3.32518 11.4171 3.98212 11.417 4.66699V8.66699Z", fill: "#303642" }) })));
|
|
35
|
+
};
|
|
36
|
+
export default UtensilsIcon;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface WalletIconProps {
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
className?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Couleur par défaut si aucune couleur n'est spécifiée
|
|
8
|
+
*/
|
|
9
|
+
defaultColor?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const WalletIcon: React.FC<WalletIconProps>;
|
|
12
|
+
export default WalletIcon;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
var WalletIcon = function (_a) {
|
|
14
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
|
|
15
|
+
var getSizeClasses = function () {
|
|
16
|
+
switch (size) {
|
|
17
|
+
case 'xs':
|
|
18
|
+
return 'w-3 h-3';
|
|
19
|
+
case 'sm':
|
|
20
|
+
return 'w-4 h-4';
|
|
21
|
+
case 'md':
|
|
22
|
+
return 'w-5 h-5';
|
|
23
|
+
case 'lg':
|
|
24
|
+
return 'w-6 h-6';
|
|
25
|
+
case 'xl':
|
|
26
|
+
return 'w-8 h-8';
|
|
27
|
+
default:
|
|
28
|
+
return 'w-5 h-5';
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
var sizeClasses = getSizeClasses();
|
|
32
|
+
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
|
+
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
+
return (_jsx("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M2.75 12.667C2.75009 12.8216 2.81158 12.9698 2.9209 13.0791C3.03022 13.1884 3.17841 13.2499 3.33301 13.25H13.25V11.417H12C11.4476 11.417 10.918 11.1971 10.5273 10.8066C10.1366 10.4159 9.91699 9.88554 9.91699 9.33301C9.91708 8.78059 10.1367 8.25097 10.5273 7.86035C10.918 7.46975 11.4475 7.25 12 7.25H13.25V5.41699H3.33301C3.1337 5.41696 2.93795 5.38594 2.75 5.33105V12.667ZM11.417 9.33301C11.417 9.48772 11.4785 9.6367 11.5879 9.74609C11.6973 9.85529 11.8454 9.91699 12 9.91699H13.917V8.75H12C11.8454 8.75 11.6973 8.8116 11.5879 8.9209C11.4786 9.03022 11.4171 9.17842 11.417 9.33301ZM2.75 3.33301C2.75 3.48772 2.8115 3.6367 2.9209 3.74609C3.0302 3.85531 3.17849 3.91691 3.33301 3.91699H11.917V2.75H3.33301C3.17842 2.75009 3.03022 2.81158 2.9209 2.9209C2.81158 3.03022 2.75009 3.17842 2.75 3.33301ZM13.417 3.9209C13.7156 3.93857 14.0008 4.04832 14.2314 4.2373L14.335 4.33203L14.4287 4.43555C14.6353 4.68759 14.7499 5.00428 14.75 5.33301V7.46582C14.8012 7.49777 14.8505 7.53279 14.8975 7.57129L15.002 7.66504L15.0957 7.76855C15.3024 8.02068 15.417 8.33813 15.417 8.66699V10C15.417 10.3757 15.2676 10.7363 15.002 11.002C14.9255 11.0784 14.8402 11.1438 14.75 11.2002V13.333C14.75 13.7087 14.6006 14.0693 14.335 14.335C14.0693 14.6006 13.7087 14.75 13.333 14.75H3.33301C2.78059 14.7499 2.25098 14.5303 1.86035 14.1396C1.46973 13.749 1.25009 13.2194 1.25 12.667V3.33301C1.25009 2.78059 1.46973 2.25098 1.86035 1.86035C2.25098 1.46973 2.78059 1.25009 3.33301 1.25H12C12.3288 1.25 12.6454 1.36473 12.8975 1.57129L13.002 1.66504L13.0957 1.76855C13.3024 2.02068 13.417 2.33813 13.417 2.66699V3.9209Z", fill: "black" }) })));
|
|
35
|
+
};
|
|
36
|
+
export default WalletIcon;
|
|
@@ -25,6 +25,7 @@ export declare const ICONS: {
|
|
|
25
25
|
readonly 'calendar-outline': IconComponent;
|
|
26
26
|
readonly 'calendar-range-outline': IconComponent;
|
|
27
27
|
readonly 'arrow-right-outline': IconComponent;
|
|
28
|
+
readonly 'arrow-down-outline': IconComponent;
|
|
28
29
|
readonly 'plane-takeoff-outline': IconComponent;
|
|
29
30
|
readonly 'plane-landing-outline': IconComponent;
|
|
30
31
|
readonly 'building-2-outline': IconComponent;
|
|
@@ -47,9 +48,20 @@ export declare const ICONS: {
|
|
|
47
48
|
readonly linkedin: IconComponent;
|
|
48
49
|
readonly plus: IconComponent;
|
|
49
50
|
readonly minus: IconComponent;
|
|
51
|
+
readonly quotation: IconComponent;
|
|
50
52
|
readonly home: IconComponent;
|
|
51
53
|
readonly plane: IconComponent;
|
|
52
54
|
readonly ship: IconComponent;
|
|
53
55
|
readonly building: IconComponent;
|
|
56
|
+
readonly calendar2: IconComponent;
|
|
57
|
+
readonly 'more-vertical': IconComponent;
|
|
58
|
+
readonly accom: IconComponent;
|
|
59
|
+
readonly night: IconComponent;
|
|
60
|
+
readonly utensils: IconComponent;
|
|
61
|
+
readonly micro: IconComponent;
|
|
62
|
+
readonly stopwatch: IconComponent;
|
|
63
|
+
readonly bus: IconComponent;
|
|
64
|
+
readonly map: IconComponent;
|
|
65
|
+
readonly wallet: IconComponent;
|
|
54
66
|
};
|
|
55
67
|
export type IconName = keyof typeof ICONS;
|
|
@@ -10,42 +10,54 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import
|
|
13
|
+
import AccomIcon from './AccomIcon';
|
|
14
|
+
import ArrivalIcon from './ArrivalIcon';
|
|
15
|
+
import ArrowDownOutlineIcon from './ArrowDownOutlineIcon';
|
|
16
|
+
import ArrowRightOutlineIcon from './ArrowRightOutlineIcon';
|
|
17
|
+
import Building2OutlineIcon from './Building2OutlineIcon';
|
|
18
|
+
import BuildingIcon from './BuildingIcon';
|
|
19
|
+
import BusIcon from './BusIcon';
|
|
20
|
+
import Calendar2Icon from './Calendar2Icon';
|
|
21
|
+
import CalendarIcon from './CalendarIcon';
|
|
22
|
+
import CalendarOutlineIcon from './CalendarOutlineIcon';
|
|
23
|
+
import CalendarRangeOutlineIcon from './CalendarRangeOutlineIcon';
|
|
24
|
+
import CarIcon from './CarIcon';
|
|
14
25
|
import Check from './Check';
|
|
26
|
+
import CheckCircleIcon from './CheckCircleIcon';
|
|
27
|
+
import Chevron from './Chevron';
|
|
15
28
|
import Close from './Close';
|
|
16
|
-
import Search from './Search';
|
|
17
|
-
import User from './User';
|
|
18
|
-
import UserIcon from './UserIcon';
|
|
19
|
-
import CalendarIcon from './CalendarIcon';
|
|
20
|
-
import ArrivalIcon from './ArrivalIcon';
|
|
21
|
-
import DepartureIcon from './DepartureIcon';
|
|
22
|
-
import MapPinIcon from './MapPinIcon';
|
|
23
29
|
import DeleteIcon from './DeleteIcon';
|
|
30
|
+
import DepartureIcon from './DepartureIcon';
|
|
24
31
|
import EyeIcon from './EyeIcon';
|
|
25
|
-
import InfoIcon from './InfoIcon';
|
|
26
|
-
import CheckCircleIcon from './CheckCircleIcon';
|
|
27
|
-
import StrollerIcon from './StrollerIcon';
|
|
28
|
-
import CarIcon from './CarIcon';
|
|
29
|
-
import MoreIcon from './MoreIcon';
|
|
30
|
-
import Settings from './Settings';
|
|
31
|
-
import MenuIcon from './MenuIcon';
|
|
32
|
-
import MautourcoLogo from './MautoucoLogo';
|
|
33
|
-
import YouTubeIcon from './Youtube';
|
|
34
32
|
import FacebookIcon from './FacebookIcon';
|
|
35
|
-
import
|
|
33
|
+
import HomeIcon from './HomeIcon';
|
|
34
|
+
import InfoIcon from './InfoIcon';
|
|
36
35
|
import LinkedInIcon from './LinkedInIcon';
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import Building2OutlineIcon from './Building2OutlineIcon';
|
|
43
|
-
import PlusIcon from './PlusIcon';
|
|
36
|
+
import MapIcon from './MapIcon';
|
|
37
|
+
import MapPinIcon from './MapPinIcon';
|
|
38
|
+
import MautourcoLogo from './MautoucoLogo';
|
|
39
|
+
import MenuIcon from './MenuIcon';
|
|
40
|
+
import MicroIcon from './MicroIcon';
|
|
44
41
|
import MinusIcon from './MinusIcon';
|
|
45
|
-
import
|
|
42
|
+
import MoreIcon from './MoreIcon';
|
|
43
|
+
import MoreVerticalIcon from './MoreVerticalIcon';
|
|
44
|
+
import NightIcon from './NightIcon';
|
|
46
45
|
import PlaneIcon from './PlaneIcon';
|
|
46
|
+
import PlaneLandingOutlineIcon from './PlaneLandingOutlineIcon';
|
|
47
|
+
import PlaneTakeoffOutlineIcon from './PlaneTakeoffOutlineIcon';
|
|
48
|
+
import PlusIcon from './PlusIcon';
|
|
49
|
+
import QuotationIcon from './QuotationIcon';
|
|
50
|
+
import Search from './Search';
|
|
51
|
+
import Settings from './Settings';
|
|
47
52
|
import ShipIcon from './ShipIcon';
|
|
48
|
-
import
|
|
53
|
+
import StopWatchIcon from './StopWatchIcon';
|
|
54
|
+
import StrollerIcon from './StrollerIcon';
|
|
55
|
+
import TwitterIcon from './TwitterIcon';
|
|
56
|
+
import User from './User';
|
|
57
|
+
import UserIcon from './UserIcon';
|
|
58
|
+
import UtensilsIcon from './Utensils';
|
|
59
|
+
import WalletIcon from './WalletIcon';
|
|
60
|
+
import YouTubeIcon from './Youtube';
|
|
49
61
|
var ChevronDown = function (props) { return _jsx(Chevron, __assign({ direction: "down" }, props)); };
|
|
50
62
|
var ChevronUp = function (props) { return _jsx(Chevron, __assign({ direction: "up" }, props)); };
|
|
51
63
|
var ChevronLeft = function (props) { return _jsx(Chevron, __assign({ direction: "left" }, props)); };
|
|
@@ -70,6 +82,7 @@ export var ICONS = {
|
|
|
70
82
|
'calendar-outline': CalendarOutlineIcon,
|
|
71
83
|
'calendar-range-outline': CalendarRangeOutlineIcon,
|
|
72
84
|
'arrow-right-outline': ArrowRightOutlineIcon,
|
|
85
|
+
'arrow-down-outline': ArrowDownOutlineIcon,
|
|
73
86
|
'plane-takeoff-outline': PlaneTakeoffOutlineIcon,
|
|
74
87
|
'plane-landing-outline': PlaneLandingOutlineIcon,
|
|
75
88
|
'building-2-outline': Building2OutlineIcon,
|
|
@@ -92,8 +105,19 @@ export var ICONS = {
|
|
|
92
105
|
linkedin: LinkedInIcon,
|
|
93
106
|
plus: PlusIcon,
|
|
94
107
|
minus: MinusIcon,
|
|
108
|
+
quotation: QuotationIcon,
|
|
95
109
|
home: HomeIcon,
|
|
96
110
|
plane: PlaneIcon,
|
|
97
111
|
ship: ShipIcon,
|
|
98
112
|
building: BuildingIcon,
|
|
113
|
+
calendar2: Calendar2Icon,
|
|
114
|
+
'more-vertical': MoreVerticalIcon,
|
|
115
|
+
accom: AccomIcon,
|
|
116
|
+
night: NightIcon,
|
|
117
|
+
utensils: UtensilsIcon,
|
|
118
|
+
micro: MicroIcon,
|
|
119
|
+
stopwatch: StopWatchIcon,
|
|
120
|
+
bus: BusIcon,
|
|
121
|
+
map: MapIcon,
|
|
122
|
+
wallet: WalletIcon,
|
|
99
123
|
};
|
|
@@ -4,7 +4,9 @@ type BodySizeInput = BodyTokenSize | 'base' | 'xl';
|
|
|
4
4
|
type Variant = 'light' | 'regular' | 'medium' | 'bold' | 'black';
|
|
5
5
|
type Leading = 'none' | '4' | '5' | '6' | '7';
|
|
6
6
|
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
7
|
-
type TextColor = 'default' | 'accent' | 'subtle' | 'light' | 'brand' | 'inverted' | 'state-default' | 'state-hover' | 'state-filled' | 'state-disabled' | 'state-error' | 'state-success';
|
|
7
|
+
export type TextColor = 'default' | 'accent' | 'subtle' | 'light' | 'brand' | 'inverted' | 'state-default' | 'state-hover' | 'state-filled' | 'state-disabled' | 'state-error' | 'state-success' | 'yellow';
|
|
8
|
+
export type TextVariant = Variant;
|
|
9
|
+
export type TextLeading = Leading;
|
|
8
10
|
interface BaseProps {
|
|
9
11
|
variant?: Variant;
|
|
10
12
|
leading?: Leading;
|
|
@@ -53,9 +53,7 @@ var mapLeadingToToken = function (leading) {
|
|
|
53
53
|
var getBodyClass = function (size, leading) {
|
|
54
54
|
var availableLeadings = tokenBodyLeadings[size];
|
|
55
55
|
var desiredLeading = leading ? mapLeadingToToken(leading) : mapLeadingToToken(defaultBodyLeading[size]);
|
|
56
|
-
var resolvedLeading = availableLeadings.includes(desiredLeading)
|
|
57
|
-
? desiredLeading
|
|
58
|
-
: availableLeadings[0];
|
|
56
|
+
var resolvedLeading = availableLeadings.includes(desiredLeading) ? desiredLeading : availableLeadings[0];
|
|
59
57
|
return {
|
|
60
58
|
className: "body-".concat(size, "-").concat(resolvedLeading),
|
|
61
59
|
lineHeightHandled: desiredLeading === resolvedLeading,
|
|
@@ -79,12 +77,7 @@ export var Heading = function (_a) {
|
|
|
79
77
|
var Tag = as || "h".concat(level);
|
|
80
78
|
var baseClass = (_b = headingTokenClass[level]) !== null && _b !== void 0 ? _b : headingTokenClass[2];
|
|
81
79
|
var variantClass = buildVariantClass(baseClass, variant);
|
|
82
|
-
var classes = [
|
|
83
|
-
baseClass,
|
|
84
|
-
variantClass,
|
|
85
|
-
leading ? leadingFallback[leading] : '',
|
|
86
|
-
className,
|
|
87
|
-
]
|
|
80
|
+
var classes = [baseClass, variantClass, leading ? leadingFallback[leading] : '', className]
|
|
88
81
|
.filter(Boolean)
|
|
89
82
|
.join(' ');
|
|
90
83
|
var colorStyle = getColorStyle(color);
|
|
@@ -96,12 +89,7 @@ export var Text = function (_a) {
|
|
|
96
89
|
var normalizedSize = bodySizeAlias[size];
|
|
97
90
|
var _e = getBodyClass(normalizedSize, leading), baseClass = _e.className, lineHeightHandled = _e.lineHeightHandled;
|
|
98
91
|
var variantClass = buildVariantClass(baseClass, variant);
|
|
99
|
-
var classes = [
|
|
100
|
-
baseClass,
|
|
101
|
-
variantClass,
|
|
102
|
-
leading && !lineHeightHandled ? leadingFallback[leading] : '',
|
|
103
|
-
className,
|
|
104
|
-
]
|
|
92
|
+
var classes = [baseClass, variantClass, leading && !lineHeightHandled ? leadingFallback[leading] : '', className]
|
|
105
93
|
.filter(Boolean)
|
|
106
94
|
.join(' ');
|
|
107
95
|
var colorStyle = getColorStyle(color);
|