mautourco-components 0.2.4 → 0.2.7
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/README.md +190 -190
- package/dist/components/atoms/Avatar/Avatar.d.ts +14 -14
- package/dist/components/atoms/Avatar/Avatar.js +31 -31
- package/dist/components/atoms/Button/Button.css +320 -320
- package/dist/components/atoms/Button/Button.d.ts +27 -27
- package/dist/components/atoms/Button/Button.js +35 -35
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +13 -13
- package/dist/components/atoms/Checkbox/Checkbox.js +39 -39
- package/dist/components/atoms/Icon/Icon.d.ts +10 -10
- package/dist/components/atoms/Icon/Icon.js +123 -123
- package/dist/components/atoms/Icon/icons/ArrivalIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/ArrivalIcon.js +31 -31
- package/dist/components/atoms/Icon/icons/BuildingIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/BuildingIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/CalendarIcon.d.ts +12 -12
- package/dist/components/atoms/Icon/icons/CalendarIcon.js +41 -41
- package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/CarIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/CarIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/Check.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Check.js +30 -30
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/Chevron.d.ts +9 -9
- package/dist/components/atoms/Icon/icons/Chevron.js +54 -54
- package/dist/components/atoms/Icon/icons/ChevronDownIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/ChevronDownIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/Close.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Close.js +30 -30
- package/dist/components/atoms/Icon/icons/DeleteIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/DeleteIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/DepartureIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/DepartureIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/EyeIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/EyeIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/FacebookIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/FacebookIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/HomeIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/HomeIcon.js +25 -25
- package/dist/components/atoms/Icon/icons/InfoIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/InfoIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/LinkedInIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/LinkedInIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/MapPinIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MapPinIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MautoucoLogo.js +37 -37
- package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MenuIcon.js +37 -37
- package/dist/components/atoms/Icon/icons/MinusIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MinusIcon.js +25 -25
- package/dist/components/atoms/Icon/icons/MoreIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/MoreIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/PlaneIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/PlaneIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/PlusIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/PlusIcon.js +25 -25
- package/dist/components/atoms/Icon/icons/Search.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Search.js +30 -30
- package/dist/components/atoms/Icon/icons/Settings.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Settings.js +30 -30
- package/dist/components/atoms/Icon/icons/ShipIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/ShipIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/StrollerIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/StrollerIcon.js +30 -30
- package/dist/components/atoms/Icon/icons/TwitterIcon.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/TwitterIcon.js +36 -36
- package/dist/components/atoms/Icon/icons/User.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/User.js +30 -30
- package/dist/components/atoms/Icon/icons/UserIcon.d.ts +12 -12
- package/dist/components/atoms/Icon/icons/UserIcon.js +41 -41
- package/dist/components/atoms/Icon/icons/Youtube.d.ts +8 -8
- package/dist/components/atoms/Icon/icons/Youtube.js +36 -36
- package/dist/components/atoms/Illustration/Illustration.d.ts +14 -14
- package/dist/components/atoms/Illustration/Illustration.js +33 -33
- package/dist/components/atoms/Illustration/illustrations.d.ts +51 -51
- package/dist/components/atoms/Illustration/illustrations.js +97 -97
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.d.ts +12 -12
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +53 -53
- package/dist/components/atoms/Inputs/Input/Input.d.ts +15 -15
- package/dist/components/atoms/Inputs/Input/Input.js +27 -27
- package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts +14 -14
- package/dist/components/atoms/Inputs/Textarea/Textarea.js +15 -15
- package/dist/components/atoms/Link/Link.d.ts +44 -44
- package/dist/components/atoms/Link/Link.js +76 -76
- package/dist/components/atoms/RatingStar/RatingStar.d.ts +40 -40
- package/dist/components/atoms/RatingStar/RatingStar.js +54 -54
- package/dist/components/atoms/SegmentedButton/SegmentedButton.d.ts +27 -27
- package/dist/components/atoms/SegmentedButton/SegmentedButton.js +49 -49
- package/dist/components/atoms/SelectedValue/SelectedValue.d.ts +11 -11
- package/dist/components/atoms/SelectedValue/SelectedValue.js +29 -29
- package/dist/components/atoms/Slider/Slider.d.ts +52 -52
- package/dist/components/atoms/Slider/Slider.js +30 -30
- package/dist/components/atoms/Spinner/Spinner.d.ts +9 -9
- package/dist/components/atoms/Spinner/Spinner.js +38 -38
- package/dist/components/atoms/Spinner/variants/ButtonSpinner.d.ts +8 -8
- package/dist/components/atoms/Spinner/variants/ButtonSpinner.js +19 -19
- package/dist/components/atoms/Spinner/variants/LoadingSpinner.d.ts +7 -7
- package/dist/components/atoms/Spinner/variants/LoadingSpinner.js +7 -7
- package/dist/components/atoms/Tab/Tab.css +266 -266
- package/dist/components/atoms/Tab/Tab.d.ts +22 -22
- package/dist/components/atoms/Tab/Tab.js +54 -54
- package/dist/components/atoms/Typography/Typography.d.ts +24 -24
- package/dist/components/atoms/Typography/Typography.js +100 -100
- package/dist/components/molecules/Calendar/CalendarInput.d.ts +34 -34
- package/dist/components/molecules/Calendar/CalendarInput.js +49 -49
- package/dist/components/molecules/Calendar/DateTime.d.ts +25 -25
- package/dist/components/molecules/Calendar/DateTime.js +106 -106
- package/dist/components/molecules/Calendar/TimePicker.d.ts +16 -16
- package/dist/components/molecules/Calendar/TimePicker.js +91 -91
- package/dist/components/molecules/LocationDropdown/LocationDropdown.d.ts +34 -34
- package/dist/components/molecules/LocationDropdown/LocationDropdown.js +120 -120
- package/dist/components/molecules/LocationDropdown/index.d.ts +2 -2
- package/dist/components/molecules/LocationDropdown/index.js +1 -1
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +29 -29
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +106 -106
- package/dist/components/molecules/RatingTab/RatingTab.d.ts +39 -39
- package/dist/components/molecules/RatingTab/RatingTab.js +41 -41
- package/dist/components/molecules/TabGroup/TabGroup.d.ts +17 -17
- package/dist/components/molecules/TabGroup/TabGroup.js +30 -30
- package/dist/components/molecules/UserCard/UserCard.d.ts +20 -20
- package/dist/components/molecules/UserCard/UserCard.js +57 -57
- package/dist/components/organisms/CardContainer/CardContainer.d.ts +37 -37
- package/dist/components/organisms/CardContainer/CardContainer.js +27 -27
- package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts +15 -15
- package/dist/components/organisms/DateTimePicker/DateTimePicker.js +66 -66
- package/dist/components/organisms/Dialog/Dialog.d.ts +103 -103
- package/dist/components/organisms/Dialog/Dialog.js +162 -162
- package/dist/components/organisms/Footer/Footer.d.ts +38 -38
- package/dist/components/organisms/Footer/Footer.js +74 -74
- package/dist/components/organisms/PaxSelector/PaxSelector.d.ts +63 -63
- package/dist/components/organisms/PaxSelector/PaxSelector.js +402 -402
- package/dist/components/organisms/RoundTrip/RoundTrip.d.ts +54 -54
- package/dist/components/organisms/RoundTrip/RoundTrip.js +179 -179
- package/dist/components/organisms/RoundTrip/index.d.ts +2 -2
- package/dist/components/organisms/RoundTrip/index.js +1 -1
- package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.d.ts +35 -35
- package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js +192 -192
- package/dist/components/organisms/SearchBarTransfer/index.d.ts +2 -2
- package/dist/components/organisms/SearchBarTransfer/index.js +1 -1
- package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +33 -33
- package/dist/components/organisms/TopNavigation/DesktopNav.js +32 -26
- package/dist/components/organisms/TopNavigation/MobileNav.d.ts +32 -32
- package/dist/components/organisms/TopNavigation/MobileNav.js +45 -45
- package/dist/components/organisms/TopNavigation/TopNavigation.d.ts +33 -33
- package/dist/components/organisms/TopNavigation/TopNavigation.js +20 -20
- package/dist/components/organisms/TransferLine/TransferLine.d.ts +53 -53
- package/dist/components/organisms/TransferLine/TransferLine.js +179 -179
- package/dist/components/ui/button.d.ts +10 -10
- package/dist/components/ui/button.js +56 -56
- package/dist/components/ui/calendar.d.ts +8 -8
- package/dist/components/ui/calendar.js +87 -87
- package/dist/components/ui/popover.d.ts +7 -7
- package/dist/components/ui/popover.js +42 -42
- package/dist/hooks/useMobile.d.ts +5 -5
- package/dist/hooks/useMobile.js +26 -26
- package/dist/index.d.ts +49 -49
- package/dist/index.js +46 -46
- package/dist/lib/utils.d.ts +7 -7
- package/dist/lib/utils.js +13 -13
- package/dist/styles/components/avatar.css +122 -122
- package/dist/styles/components/calendar.css +140 -140
- package/dist/styles/components/checkbox.css +206 -206
- package/dist/styles/components/dropdown.css +269 -269
- package/dist/styles/components/forms.css +209 -209
- package/dist/styles/components/illustration.css +123 -123
- package/dist/styles/components/molecule/calendarInput.css +133 -133
- package/dist/styles/components/molecule/dateTime.css +126 -126
- package/dist/styles/components/molecule/location-dropdown.css +132 -132
- package/dist/styles/components/molecule/timePicker.css +122 -122
- package/dist/styles/components/multiselect-dropdown.css +286 -286
- package/dist/styles/components/organism/card-container.css +148 -148
- package/dist/styles/components/organism/dialog.css +168 -168
- package/dist/styles/components/organism/footer.css +119 -119
- package/dist/styles/components/organism/pax-selector.css +617 -617
- package/dist/styles/components/organism/round-trip.css +139 -139
- package/dist/styles/components/organism/search-bar-transfer.css +158 -161
- package/dist/styles/components/organism/topnavigation.css +143 -143
- package/dist/styles/components/organism/transfer-line.css +138 -138
- package/dist/styles/components/rating-star.css +145 -145
- package/dist/styles/components/rating-tab.css +179 -179
- package/dist/styles/components/scrollbar.css +155 -155
- package/dist/styles/components/segmented-button.css +214 -214
- package/dist/styles/components/selected-value.css +175 -175
- package/dist/styles/components/slider.css +182 -182
- package/dist/styles/components/typography.css +245 -245
- package/dist/styles/tokens/tokens.css +119 -119
- package/dist/styles/tokens/tokens.d.ts +3108 -3108
- package/dist/styles/tokens/tokens.js +2652 -2652
- package/package.json +103 -103
- package/src/components/atoms/Avatar/Avatar.tsx +60 -60
- package/src/components/atoms/Button/Button.css +200 -200
- package/src/components/atoms/Button/Button.tsx +82 -82
- package/src/components/atoms/Checkbox/Checkbox.tsx +83 -83
- package/src/components/atoms/Icon/Icon.tsx +163 -163
- package/src/components/atoms/Icon/icons/ArrivalIcon.tsx +52 -52
- package/src/components/atoms/Icon/icons/BuildingIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/CalendarIcon.tsx +63 -63
- package/src/components/atoms/Icon/icons/CalendarOutlineIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/CarIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/Check.tsx +36 -36
- package/src/components/atoms/Icon/icons/CheckCircleIcon.tsx +48 -48
- package/src/components/atoms/Icon/icons/Chevron.tsx +73 -73
- package/src/components/atoms/Icon/icons/ChevronDownIcon.tsx +46 -46
- package/src/components/atoms/Icon/icons/Close.tsx +39 -39
- package/src/components/atoms/Icon/icons/DeleteIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/DepartureIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/EyeIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/FacebookIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/HomeIcon.tsx +52 -52
- package/src/components/atoms/Icon/icons/InfoIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/LinkedInIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/MapPinIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/MautoucoLogo.tsx +93 -93
- package/src/components/atoms/Icon/icons/MenuIcon.tsx +49 -49
- package/src/components/atoms/Icon/icons/MinusIcon.tsx +45 -45
- package/src/components/atoms/Icon/icons/MoreIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/PlaneIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/PlusIcon.tsx +45 -45
- package/src/components/atoms/Icon/icons/Search.tsx +37 -37
- package/src/components/atoms/Icon/icons/Settings.tsx +38 -38
- package/src/components/atoms/Icon/icons/ShipIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/StrollerIcon.tsx +44 -44
- package/src/components/atoms/Icon/icons/TwitterIcon.tsx +50 -50
- package/src/components/atoms/Icon/icons/User.tsx +37 -37
- package/src/components/atoms/Icon/icons/UserIcon.tsx +63 -63
- package/src/components/atoms/Icon/icons/Youtube.tsx +50 -50
- package/src/components/atoms/Illustration/Illustration.tsx +28 -28
- package/src/components/atoms/Illustration/illustrations.ts +116 -116
- package/src/components/atoms/Inputs/DropdownInput/DropdownInput.tsx +96 -96
- package/src/components/atoms/Inputs/Textarea/Textarea.tsx +51 -51
- package/src/components/atoms/Link/Link.tsx +168 -168
- package/src/components/atoms/RatingStar/RatingStar.tsx +114 -114
- package/src/components/atoms/SegmentedButton/SegmentedButton.tsx +94 -94
- package/src/components/atoms/SelectedValue/SelectedValue.tsx +59 -59
- package/src/components/atoms/Slider/Slider.tsx +95 -95
- package/src/components/atoms/Spinner/Spinner.tsx +56 -56
- package/src/components/atoms/Spinner/variants/ButtonSpinner.tsx +37 -37
- package/src/components/atoms/Spinner/variants/LoadingSpinner.tsx +22 -22
- package/src/components/atoms/Tab/Tab.css +147 -147
- package/src/components/atoms/Tab/Tab.tsx +96 -96
- package/src/components/atoms/Typography/Typography.tsx +153 -153
- package/src/components/molecules/Calendar/CalendarInput.tsx +135 -135
- package/src/components/molecules/Calendar/DateTime.tsx +172 -172
- package/src/components/molecules/Calendar/TimePicker.tsx +174 -174
- package/src/components/molecules/LocationDropdown/LocationDropdown.tsx +234 -234
- package/src/components/molecules/LocationDropdown/index.ts +2 -2
- package/src/components/molecules/RatingTab/RatingTab.tsx +96 -96
- package/src/components/molecules/TabGroup/TabGroup.tsx +60 -60
- package/src/components/molecules/UserCard/UserCard.stories.tsx +36 -36
- package/src/components/molecules/UserCard/UserCard.tsx +173 -173
- package/src/components/organisms/CardContainer/CardContainer.tsx +66 -66
- package/src/components/organisms/DateTimePicker/DateTimePicker.tsx +110 -110
- package/src/components/organisms/Dialog/Dialog.tsx +352 -352
- package/src/components/organisms/Footer/Footer.tsx +290 -290
- package/src/components/organisms/PaxSelector/PaxSelector.tsx +979 -979
- package/src/components/organisms/RoundTrip/RoundTrip.tsx +335 -335
- package/src/components/organisms/RoundTrip/index.ts +2 -2
- package/src/components/organisms/SearchBarTransfer/SearchBarTransfer.tsx +388 -388
- package/src/components/organisms/SearchBarTransfer/index.ts +2 -2
- package/src/components/organisms/TopNavigation/DesktopNav.tsx +133 -122
- package/src/components/organisms/TopNavigation/MobileNav.tsx +212 -212
- package/src/components/organisms/TopNavigation/TopNavigation.tsx +45 -45
- package/src/components/organisms/TransferLine/TransferLine.tsx +369 -369
- package/src/components/ui/button.tsx +60 -60
- package/src/components/ui/calendar.tsx +246 -246
- package/src/components/ui/popover.tsx +46 -46
- package/src/styles/components/avatar.css +58 -58
- package/src/styles/components/calendar.css +85 -85
- package/src/styles/components/checkbox.css +130 -130
- package/src/styles/components/dropdown.css +214 -214
- package/src/styles/components/forms.css +147 -147
- package/src/styles/components/illustration.css +7 -7
- package/src/styles/components/molecule/calendarInput.css +156 -156
- package/src/styles/components/molecule/dateTime.css +14 -14
- package/src/styles/components/molecule/location-dropdown.css +204 -204
- package/src/styles/components/molecule/timePicker.css +78 -78
- package/src/styles/components/multiselect-dropdown.css +230 -230
- package/src/styles/components/organism/card-container.css +49 -49
- package/src/styles/components/organism/dialog.css +241 -241
- package/src/styles/components/organism/footer.css +113 -113
- package/src/styles/components/organism/pax-selector.css +702 -702
- package/src/styles/components/organism/round-trip.css +55 -55
- package/src/styles/components/organism/search-bar-transfer.css +128 -127
- package/src/styles/components/organism/topnavigation.css +161 -161
- package/src/styles/components/organism/transfer-line.css +86 -86
- package/src/styles/components/rating-star.css +39 -39
- package/src/styles/components/rating-tab.css +83 -83
- package/src/styles/components/scrollbar.css +63 -63
- package/src/styles/components/segmented-button.css +134 -134
- package/src/styles/components/selected-value.css +80 -80
- package/src/styles/components/slider.css +86 -86
- package/src/styles/components/typography.css +251 -251
- package/src/styles/fonts.css +50 -0
- package/src/styles/tokens/tokens.css +119 -119
- package/src/styles/tokens/tokens.js +12 -6
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type SliderVariant = 'full' | 'half';
|
|
3
|
-
export interface SliderProps {
|
|
4
|
-
/**
|
|
5
|
-
* Current value of the slider (controlled mode).
|
|
6
|
-
*/
|
|
7
|
-
value: number;
|
|
8
|
-
/**
|
|
9
|
-
* Minimum value.
|
|
10
|
-
*/
|
|
11
|
-
min?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Maximum value.
|
|
14
|
-
*/
|
|
15
|
-
max?: number;
|
|
16
|
-
/**
|
|
17
|
-
* Step between values.
|
|
18
|
-
*/
|
|
19
|
-
step?: number;
|
|
20
|
-
/**
|
|
21
|
-
* Called when the value changes.
|
|
22
|
-
*/
|
|
23
|
-
onChange: (value: number) => void;
|
|
24
|
-
/**
|
|
25
|
-
* Visual variant (from Figma: Type=Full | Type=Half).
|
|
26
|
-
*/
|
|
27
|
-
variant?: SliderVariant;
|
|
28
|
-
/**
|
|
29
|
-
* Whether the slider is disabled.
|
|
30
|
-
*/
|
|
31
|
-
disabled?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Accessible label (aria-label) if no visible label is provided.
|
|
34
|
-
*/
|
|
35
|
-
'aria-label'?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Optional id to link with an external label.
|
|
38
|
-
*/
|
|
39
|
-
id?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Additional CSS classes.
|
|
42
|
-
*/
|
|
43
|
-
className?: string;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Slider atom.
|
|
47
|
-
*
|
|
48
|
-
* Represents a single horizontal slider control (rail + thumb),
|
|
49
|
-
* matching the Figma Slider component (Full / Half variants).
|
|
50
|
-
*/
|
|
51
|
-
export declare const Slider: React.FC<SliderProps>;
|
|
52
|
-
export default Slider;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type SliderVariant = 'full' | 'half';
|
|
3
|
+
export interface SliderProps {
|
|
4
|
+
/**
|
|
5
|
+
* Current value of the slider (controlled mode).
|
|
6
|
+
*/
|
|
7
|
+
value: number;
|
|
8
|
+
/**
|
|
9
|
+
* Minimum value.
|
|
10
|
+
*/
|
|
11
|
+
min?: number;
|
|
12
|
+
/**
|
|
13
|
+
* Maximum value.
|
|
14
|
+
*/
|
|
15
|
+
max?: number;
|
|
16
|
+
/**
|
|
17
|
+
* Step between values.
|
|
18
|
+
*/
|
|
19
|
+
step?: number;
|
|
20
|
+
/**
|
|
21
|
+
* Called when the value changes.
|
|
22
|
+
*/
|
|
23
|
+
onChange: (value: number) => void;
|
|
24
|
+
/**
|
|
25
|
+
* Visual variant (from Figma: Type=Full | Type=Half).
|
|
26
|
+
*/
|
|
27
|
+
variant?: SliderVariant;
|
|
28
|
+
/**
|
|
29
|
+
* Whether the slider is disabled.
|
|
30
|
+
*/
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Accessible label (aria-label) if no visible label is provided.
|
|
34
|
+
*/
|
|
35
|
+
'aria-label'?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Optional id to link with an external label.
|
|
38
|
+
*/
|
|
39
|
+
id?: string;
|
|
40
|
+
/**
|
|
41
|
+
* Additional CSS classes.
|
|
42
|
+
*/
|
|
43
|
+
className?: string;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Slider atom.
|
|
47
|
+
*
|
|
48
|
+
* Represents a single horizontal slider control (rail + thumb),
|
|
49
|
+
* matching the Figma Slider component (Full / Half variants).
|
|
50
|
+
*/
|
|
51
|
+
export declare const Slider: React.FC<SliderProps>;
|
|
52
|
+
export default Slider;
|
|
@@ -1,30 +1,30 @@
|
|
|
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
|
-
/**
|
|
14
|
-
* Slider atom.
|
|
15
|
-
*
|
|
16
|
-
* Represents a single horizontal slider control (rail + thumb),
|
|
17
|
-
* matching the Figma Slider component (Full / Half variants).
|
|
18
|
-
*/
|
|
19
|
-
export var Slider = function (_a) {
|
|
20
|
-
var value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, onChange = _a.onChange, _e = _a.variant, variant = _e === void 0 ? 'full' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, id = _a.id, _g = _a.className, className = _g === void 0 ? '' : _g, ariaLabel = _a["aria-label"];
|
|
21
|
-
var handleChange = function (event) {
|
|
22
|
-
var next = Number(event.target.value);
|
|
23
|
-
onChange(next);
|
|
24
|
-
};
|
|
25
|
-
var classes = ['slider', "slider--".concat(variant), disabled ? 'slider--disabled' : '', className]
|
|
26
|
-
.filter(Boolean)
|
|
27
|
-
.join(' ');
|
|
28
|
-
return (_jsx("div", __assign({ className: "slider-container" }, { children: _jsx("input", { id: id, type: "range", className: classes, min: min, max: max, step: step, value: value, onChange: handleChange, disabled: disabled, "aria-label": ariaLabel }) })));
|
|
29
|
-
};
|
|
30
|
-
export default Slider;
|
|
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
|
+
/**
|
|
14
|
+
* Slider atom.
|
|
15
|
+
*
|
|
16
|
+
* Represents a single horizontal slider control (rail + thumb),
|
|
17
|
+
* matching the Figma Slider component (Full / Half variants).
|
|
18
|
+
*/
|
|
19
|
+
export var Slider = function (_a) {
|
|
20
|
+
var value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, onChange = _a.onChange, _e = _a.variant, variant = _e === void 0 ? 'full' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, id = _a.id, _g = _a.className, className = _g === void 0 ? '' : _g, ariaLabel = _a["aria-label"];
|
|
21
|
+
var handleChange = function (event) {
|
|
22
|
+
var next = Number(event.target.value);
|
|
23
|
+
onChange(next);
|
|
24
|
+
};
|
|
25
|
+
var classes = ['slider', "slider--".concat(variant), disabled ? 'slider--disabled' : '', className]
|
|
26
|
+
.filter(Boolean)
|
|
27
|
+
.join(' ');
|
|
28
|
+
return (_jsx("div", __assign({ className: "slider-container" }, { children: _jsx("input", { id: id, type: "range", className: classes, min: min, max: max, step: step, value: value, onChange: handleChange, disabled: disabled, "aria-label": ariaLabel }) })));
|
|
29
|
+
};
|
|
30
|
+
export default Slider;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface SpinnerProps {
|
|
3
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
className?: string;
|
|
5
|
-
color?: string;
|
|
6
|
-
speed?: 'slow' | 'normal' | 'fast';
|
|
7
|
-
}
|
|
8
|
-
declare const Spinner: React.FC<SpinnerProps>;
|
|
9
|
-
export default Spinner;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SpinnerProps {
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
className?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
speed?: 'slow' | 'normal' | 'fast';
|
|
7
|
+
}
|
|
8
|
+
declare const Spinner: React.FC<SpinnerProps>;
|
|
9
|
+
export default Spinner;
|
|
@@ -1,38 +1,38 @@
|
|
|
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, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
var Spinner = function (_a) {
|
|
14
|
-
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color, _d = _a.speed, speed = _d === void 0 ? 'normal' : _d;
|
|
15
|
-
var getSizeClasses = function () {
|
|
16
|
-
switch (size) {
|
|
17
|
-
case 'xs': return 'w-3 h-3';
|
|
18
|
-
case 'sm': return 'w-4 h-4';
|
|
19
|
-
case 'md': return 'w-5 h-5';
|
|
20
|
-
case 'lg': return 'w-6 h-6';
|
|
21
|
-
case 'xl': return 'w-8 h-8';
|
|
22
|
-
default: return 'w-5 h-5';
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
var getSpeedClasses = function () {
|
|
26
|
-
switch (speed) {
|
|
27
|
-
case 'slow': return 'animate-spin-slow';
|
|
28
|
-
case 'fast': return 'animate-spin-fast';
|
|
29
|
-
default: return 'animate-spin';
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
var sizeClasses = getSizeClasses();
|
|
33
|
-
var speedClasses = getSpeedClasses();
|
|
34
|
-
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
35
|
-
var classes = "".concat(sizeClasses, " ").concat(speedClasses, " ").concat(colorClass, " ").concat(className);
|
|
36
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: [_jsx("path", { d: "M21 12A9 9 0 1 1 3 12A9 9 0 0 1 21 12Z", strokeOpacity: "0.25" }), _jsx("path", { d: "M21 12A9 9 0 0 0 3 12" })] })));
|
|
37
|
-
};
|
|
38
|
-
export default Spinner;
|
|
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, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
var Spinner = function (_a) {
|
|
14
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color, _d = _a.speed, speed = _d === void 0 ? 'normal' : _d;
|
|
15
|
+
var getSizeClasses = function () {
|
|
16
|
+
switch (size) {
|
|
17
|
+
case 'xs': return 'w-3 h-3';
|
|
18
|
+
case 'sm': return 'w-4 h-4';
|
|
19
|
+
case 'md': return 'w-5 h-5';
|
|
20
|
+
case 'lg': return 'w-6 h-6';
|
|
21
|
+
case 'xl': return 'w-8 h-8';
|
|
22
|
+
default: return 'w-5 h-5';
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
var getSpeedClasses = function () {
|
|
26
|
+
switch (speed) {
|
|
27
|
+
case 'slow': return 'animate-spin-slow';
|
|
28
|
+
case 'fast': return 'animate-spin-fast';
|
|
29
|
+
default: return 'animate-spin';
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
var sizeClasses = getSizeClasses();
|
|
33
|
+
var speedClasses = getSpeedClasses();
|
|
34
|
+
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
35
|
+
var classes = "".concat(sizeClasses, " ").concat(speedClasses, " ").concat(colorClass, " ").concat(className);
|
|
36
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: [_jsx("path", { d: "M21 12A9 9 0 1 1 3 12A9 9 0 0 1 21 12Z", strokeOpacity: "0.25" }), _jsx("path", { d: "M21 12A9 9 0 0 0 3 12" })] })));
|
|
37
|
+
};
|
|
38
|
+
export default Spinner;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ButtonSpinnerProps {
|
|
3
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
className?: string;
|
|
5
|
-
variant?: 'primary' | 'secondary' | 'white';
|
|
6
|
-
}
|
|
7
|
-
declare const ButtonSpinner: React.FC<ButtonSpinnerProps>;
|
|
8
|
-
export default ButtonSpinner;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ButtonSpinnerProps {
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
className?: string;
|
|
5
|
+
variant?: 'primary' | 'secondary' | 'white';
|
|
6
|
+
}
|
|
7
|
+
declare const ButtonSpinner: React.FC<ButtonSpinnerProps>;
|
|
8
|
+
export default ButtonSpinner;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Spinner from '../Spinner';
|
|
3
|
-
var ButtonSpinner = function (_a) {
|
|
4
|
-
var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.variant, variant = _d === void 0 ? 'white' : _d;
|
|
5
|
-
var getVariantClass = function () {
|
|
6
|
-
switch (variant) {
|
|
7
|
-
case 'primary':
|
|
8
|
-
return 'text-white';
|
|
9
|
-
case 'secondary':
|
|
10
|
-
return 'text-gray-600';
|
|
11
|
-
case 'white':
|
|
12
|
-
return 'text-white';
|
|
13
|
-
default:
|
|
14
|
-
return 'text-white';
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
return (_jsx(Spinner, { size: size, speed: "fast", className: "".concat(getVariantClass(), " ").concat(className) }));
|
|
18
|
-
};
|
|
19
|
-
export default ButtonSpinner;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Spinner from '../Spinner';
|
|
3
|
+
var ButtonSpinner = function (_a) {
|
|
4
|
+
var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.variant, variant = _d === void 0 ? 'white' : _d;
|
|
5
|
+
var getVariantClass = function () {
|
|
6
|
+
switch (variant) {
|
|
7
|
+
case 'primary':
|
|
8
|
+
return 'text-white';
|
|
9
|
+
case 'secondary':
|
|
10
|
+
return 'text-gray-600';
|
|
11
|
+
case 'white':
|
|
12
|
+
return 'text-white';
|
|
13
|
+
default:
|
|
14
|
+
return 'text-white';
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
return (_jsx(Spinner, { size: size, speed: "fast", className: "".concat(getVariantClass(), " ").concat(className) }));
|
|
18
|
+
};
|
|
19
|
+
export default ButtonSpinner;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface LoadingSpinnerProps {
|
|
3
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
className?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
|
|
7
|
-
export default LoadingSpinner;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface LoadingSpinnerProps {
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
|
|
7
|
+
export default LoadingSpinner;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Spinner from '../Spinner';
|
|
3
|
-
var LoadingSpinner = function (_a) {
|
|
4
|
-
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
5
|
-
return (_jsx(Spinner, { size: size, speed: "normal", className: "text-blue-500 ".concat(className) }));
|
|
6
|
-
};
|
|
7
|
-
export default LoadingSpinner;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Spinner from '../Spinner';
|
|
3
|
+
var LoadingSpinner = function (_a) {
|
|
4
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
5
|
+
return (_jsx(Spinner, { size: size, speed: "normal", className: "text-blue-500 ".concat(className) }));
|
|
6
|
+
};
|
|
7
|
+
export default LoadingSpinner;
|