@driveflux/beam 3.0.19 → 3.0.20
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/accordion/Accordion.js +203 -7
- package/dist/accordion/Accordion.stories.js +31 -11
- package/dist/alert/Alert.js +193 -19
- package/dist/alert/Alert.stories.js +50 -15
- package/dist/animations/LoadingAnimation.js +34 -21
- package/dist/badge/Badge.js +105 -7
- package/dist/badge/Badge.stories.js +28 -7
- package/dist/box/Box.js +151 -3
- package/dist/box/Box.stories.js +8 -7
- package/dist/breadcrumbs/Breadcrumbs.js +351 -26
- package/dist/breadcrumbs/Breadcrumbs.stories.js +51 -27
- package/dist/button/Button.js +190 -12
- package/dist/button/Button.stories.js +35 -7
- package/dist/button/TextButton.js +168 -9
- package/dist/card/Card.js +188 -7
- package/dist/card/Card.stories.js +10 -7
- package/dist/carousel/Carousel.js +308 -58
- package/dist/carousel/Carousel.stories.js +39 -7
- package/dist/carousel/CarouselButton.js +132 -7
- package/dist/center/Center.js +127 -3
- package/dist/center/Center.stories.js +19 -7
- package/dist/checkbox/Checkbox.js +188 -4
- package/dist/checkbox/Checkbox.stories.js +10 -8
- package/dist/chip/Chip.js +168 -3
- package/dist/chip/Chip.stories.js +19 -7
- package/dist/circular-progress/CircularProgress.js +159 -11
- package/dist/circular-progress/CircularProgress.stories.js +54 -14
- package/dist/command/command.js +249 -13
- package/dist/datepicker/DatePicker.js +245 -90
- package/dist/datepicker/DatePicker.stories.js +162 -58
- package/dist/datepicker/DatePickerDrawer.js +115 -17
- package/dist/datepicker/DatePickerPopover.js +208 -35
- package/dist/datepicker/constants.js +3 -4
- package/dist/datepicker/utils.js +4 -11
- package/dist/dialog/index.js +253 -12
- package/dist/divider/Divider.js +127 -3
- package/dist/divider/Divider.stories.js +13 -7
- package/dist/drawer/index.js +230 -12
- package/dist/dropdown/Dropdown.js +297 -26
- package/dist/dropdown/Dropdown.stories.js +109 -22
- package/dist/field-wrapper/FieldWrapper.js +203 -3
- package/dist/field-wrapper/FieldWrapper.stories.js +124 -28
- package/dist/flex/Flex.js +127 -3
- package/dist/flex/Flex.stories.js +19 -7
- package/dist/grid/Grid.js +127 -3
- package/dist/grid/Grid.stories.js +28 -7
- package/dist/hooks/use-breakpoint-value.js +77 -14
- package/dist/hooks/use-media-query.js +61 -12
- package/dist/hstack/HStack.js +127 -3
- package/dist/hstack/HStack.stories.js +19 -7
- package/dist/icons/FluxLogo.js +222 -9
- package/dist/icons/FluxLogoTable.js +118 -5
- package/dist/icons/Icon.js +117 -7
- package/dist/icons/Icon.stories.js +12 -7
- package/dist/icons/Icon24Hours.js +92 -5
- package/dist/icons/IconAcceleration.js +81 -4
- package/dist/icons/IconAccount.js +81 -4
- package/dist/icons/IconApplicant.js +87 -5
- package/dist/icons/IconArrow.js +87 -6
- package/dist/icons/IconArrowBack.js +81 -4
- package/dist/icons/IconArrowForward.js +81 -4
- package/dist/icons/IconArrowTopLeft.js +79 -4
- package/dist/icons/IconBluesharkProductGuide.js +89 -5
- package/dist/icons/IconBolt.js +81 -4
- package/dist/icons/IconBriefcase.js +81 -4
- package/dist/icons/IconBulb.js +81 -4
- package/dist/icons/IconCalendar.js +81 -4
- package/dist/icons/IconCalendarArrowBack.js +81 -4
- package/dist/icons/IconCalendarArrowForward.js +81 -4
- package/dist/icons/IconCalendarDoubleArrowBack.js +81 -4
- package/dist/icons/IconCalendarDoubleArrowForward.js +81 -4
- package/dist/icons/IconCancel.js +86 -5
- package/dist/icons/IconCancelMark.js +81 -4
- package/dist/icons/IconCarSUV.js +81 -4
- package/dist/icons/IconCarSedan.js +156 -7
- package/dist/icons/IconChain.js +88 -5
- package/dist/icons/IconCheckmark.js +81 -4
- package/dist/icons/IconChevronRight.js +81 -4
- package/dist/icons/IconCircle.js +123 -11
- package/dist/icons/IconCircleCheckmark.js +86 -5
- package/dist/icons/IconCircleError.js +81 -4
- package/dist/icons/IconCircleExclamation.js +113 -6
- package/dist/icons/IconCircleMark.js +87 -5
- package/dist/icons/IconCircleOutline.js +148 -5
- package/dist/icons/IconClock.js +89 -5
- package/dist/icons/IconClose.js +81 -4
- package/dist/icons/IconCollapseAll.js +103 -5
- package/dist/icons/IconConcierge.js +88 -5
- package/dist/icons/IconConciergeService.js +96 -5
- package/dist/icons/IconCreditCard.js +87 -5
- package/dist/icons/IconDash.js +81 -4
- package/dist/icons/IconDeliver.js +81 -4
- package/dist/icons/IconDelivery.js +96 -5
- package/dist/icons/IconDetails.js +81 -4
- package/dist/icons/IconDot.js +96 -6
- package/dist/icons/IconDownload.js +88 -5
- package/dist/icons/IconEVCharging.js +88 -5
- package/dist/icons/IconElectricCarFuel.js +89 -5
- package/dist/icons/IconEllipsis.js +87 -5
- package/dist/icons/IconEnvelope.js +81 -4
- package/dist/icons/IconExpandAll.js +103 -5
- package/dist/icons/IconEye.js +88 -5
- package/dist/icons/IconFacebook.js +103 -6
- package/dist/icons/IconFilter.js +92 -5
- package/dist/icons/IconFlagMalaysia.js +150 -5
- package/dist/icons/IconGiveKey.js +88 -5
- package/dist/icons/IconGlobe.js +79 -4
- package/dist/icons/IconGoogle.js +96 -5
- package/dist/icons/IconHome.js +87 -5
- package/dist/icons/IconHostAdvertise.js +81 -4
- package/dist/icons/IconHostCar.js +84 -4
- package/dist/icons/IconHostCash.js +100 -5
- package/dist/icons/IconHostHandle.js +79 -4
- package/dist/icons/IconHostLocation.js +79 -4
- package/dist/icons/IconHostPayment.js +100 -5
- package/dist/icons/IconHostService.js +88 -5
- package/dist/icons/IconHotDeals.js +81 -4
- package/dist/icons/IconInfo.js +86 -5
- package/dist/icons/IconInstagram.js +81 -4
- package/dist/icons/IconInsurance.js +108 -5
- package/dist/icons/IconInternet.js +82 -4
- package/dist/icons/IconInventory.js +87 -5
- package/dist/icons/IconLaurel.js +110 -5
- package/dist/icons/IconLinkedIn.js +81 -4
- package/dist/icons/IconLoading.js +87 -4
- package/dist/icons/IconLocation.js +89 -5
- package/dist/icons/IconLock.js +82 -4
- package/dist/icons/IconLogistics.js +81 -4
- package/dist/icons/IconMail.js +103 -5
- package/dist/icons/IconMember.js +87 -5
- package/dist/icons/IconMobilePen.js +92 -5
- package/dist/icons/IconMotorcycleMoped.js +87 -5
- package/dist/icons/IconNoCost.js +101 -5
- package/dist/icons/IconPDF.js +89 -5
- package/dist/icons/IconPencil.js +79 -4
- package/dist/icons/IconPhone.js +79 -4
- package/dist/icons/IconPlus.js +81 -4
- package/dist/icons/IconPricing.js +81 -4
- package/dist/icons/IconProtected.js +80 -4
- package/dist/icons/IconPsychology.js +81 -4
- package/dist/icons/IconQuestionTooltip.js +137 -4
- package/dist/icons/IconQuote.js +81 -4
- package/dist/icons/IconRate.js +80 -4
- package/dist/icons/IconRegister.js +108 -5
- package/dist/icons/IconReport.js +98 -6
- package/dist/icons/IconReturn.js +81 -4
- package/dist/icons/IconSearch.js +79 -4
- package/dist/icons/IconSecure.js +80 -4
- package/dist/icons/IconSecurity.js +82 -4
- package/dist/icons/IconSedanOutline.js +168 -5
- package/dist/icons/IconSelectArrow.js +87 -6
- package/dist/icons/IconSort.js +88 -5
- package/dist/icons/IconSortListed.js +104 -5
- package/dist/icons/IconSortPriceAscending.js +92 -5
- package/dist/icons/IconSortPriceDescending.js +92 -5
- package/dist/icons/IconSortYear.js +88 -5
- package/dist/icons/IconSpan.js +80 -4
- package/dist/icons/IconSpeaker.js +88 -4
- package/dist/icons/IconSpecialCar.js +104 -5
- package/dist/icons/IconStar.js +101 -7
- package/dist/icons/IconStockPhoto.js +104 -5
- package/dist/icons/IconSubscription.js +122 -6
- package/dist/icons/IconSubscriptions.js +122 -6
- package/dist/icons/IconSwap.js +88 -5
- package/dist/icons/IconTax.js +81 -4
- package/dist/icons/IconThinArrow.js +87 -6
- package/dist/icons/IconThumbsdown.js +87 -5
- package/dist/icons/IconThumbsup.js +87 -5
- package/dist/icons/IconTool.js +81 -4
- package/dist/icons/IconTooltip.js +137 -4
- package/dist/icons/IconTrash.js +81 -4
- package/dist/icons/IconTriangleExclamation.js +81 -4
- package/dist/icons/IconTyersBrakes.js +92 -5
- package/dist/icons/IconTyre.js +92 -5
- package/dist/icons/IconVacancy.js +87 -5
- package/dist/icons/IconVolunteer.js +81 -4
- package/dist/icons/IconWhatsapp.js +82 -4
- package/dist/icons/IconXPlatform.js +81 -4
- package/dist/icons/IconZeroEffort.js +86 -5
- package/dist/icons/Logo.js +108 -3
- package/dist/input/Input.js +134 -11
- package/dist/input/Input.stories.js +17 -18
- package/dist/input-mask/InputMask.js +158 -11
- package/dist/input-mask/InputMask.stories.js +5 -6
- package/dist/input-mask/mask-trackers.js +4 -5
- package/dist/input-select/InputSelect.js +390 -68
- package/dist/input-select/InputSelect.stories.js +98 -25
- package/dist/popover/popover.js +136 -4
- package/dist/progress/Progress.js +160 -2
- package/dist/progress/Progress.stories.js +13 -14
- package/dist/radio/Radio.js +227 -4
- package/dist/scroll-area/scroll-area.js +180 -5
- package/dist/search-input-select/SearchInputSelect.js +379 -69
- package/dist/select/Select.js +354 -29
- package/dist/select/Select.stories.js +55 -19
- package/dist/skeleton/Skeleton.js +71 -3
- package/dist/skeleton/Skeleton.stories.js +8 -7
- package/dist/slider/Slider.js +170 -5
- package/dist/slider/Slider.stories.js +12 -11
- package/dist/stack/Stack.js +127 -3
- package/dist/stack/Stack.stories.js +19 -7
- package/dist/table/Table.js +216 -10
- package/dist/table/Table.stories.js +84 -8
- package/dist/tabs/Tabs.js +198 -9
- package/dist/tabs/Tabs.stories.js +46 -13
- package/dist/text/Text.js +152 -6
- package/dist/text/Text.stories.js +44 -7
- package/dist/toast/Toast.stories.js +66 -14
- package/dist/toast/ToastBox.js +77 -29
- package/dist/toast/index.js +0 -1
- package/dist/toast/sonner.js +66 -6
- package/dist/toggle/Toggle.js +180 -7
- package/dist/toggle/Toggle.stories.js +10 -8
- package/dist/tooltip/Tooltip.js +169 -12
- package/dist/tooltip/Tooltip.stories.js +71 -13
- package/dist/utils.js +4 -2
- package/dist/vstack/VStack.js +127 -3
- package/dist/vstack/VStack.stories.js +19 -7
- package/package.json +11 -11
|
@@ -1,17 +1,213 @@
|
|
|
1
|
-
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array(iter) {
|
|
23
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
+
}
|
|
25
|
+
function _iterable_to_array_limit(arr, i) {
|
|
26
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
27
|
+
if (_i == null) return;
|
|
28
|
+
var _arr = [];
|
|
29
|
+
var _n = true;
|
|
30
|
+
var _d = false;
|
|
31
|
+
var _s, _e;
|
|
32
|
+
try {
|
|
33
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
34
|
+
_arr.push(_s.value);
|
|
35
|
+
if (i && _arr.length === i) break;
|
|
36
|
+
}
|
|
37
|
+
} catch (err) {
|
|
38
|
+
_d = true;
|
|
39
|
+
_e = err;
|
|
40
|
+
} finally{
|
|
41
|
+
try {
|
|
42
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
43
|
+
} finally{
|
|
44
|
+
if (_d) throw _e;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return _arr;
|
|
48
|
+
}
|
|
49
|
+
function _non_iterable_rest() {
|
|
50
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
51
|
+
}
|
|
52
|
+
function _object_spread(target) {
|
|
53
|
+
for(var i = 1; i < arguments.length; i++){
|
|
54
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
55
|
+
var ownKeys = Object.keys(source);
|
|
56
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
57
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
58
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
59
|
+
}));
|
|
60
|
+
}
|
|
61
|
+
ownKeys.forEach(function(key) {
|
|
62
|
+
_define_property(target, key, source[key]);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return target;
|
|
66
|
+
}
|
|
67
|
+
function ownKeys(object, enumerableOnly) {
|
|
68
|
+
var keys = Object.keys(object);
|
|
69
|
+
if (Object.getOwnPropertySymbols) {
|
|
70
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
71
|
+
if (enumerableOnly) {
|
|
72
|
+
symbols = symbols.filter(function(sym) {
|
|
73
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
keys.push.apply(keys, symbols);
|
|
77
|
+
}
|
|
78
|
+
return keys;
|
|
79
|
+
}
|
|
80
|
+
function _object_spread_props(target, source) {
|
|
81
|
+
source = source != null ? source : {};
|
|
82
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
83
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
84
|
+
} else {
|
|
85
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
86
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
return target;
|
|
90
|
+
}
|
|
91
|
+
function _object_without_properties(source, excluded) {
|
|
92
|
+
if (source == null) return {};
|
|
93
|
+
var target = {}, sourceKeys, key, i;
|
|
94
|
+
if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
|
|
95
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
96
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
97
|
+
key = sourceKeys[i];
|
|
98
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
99
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
100
|
+
target[key] = source[key];
|
|
101
|
+
}
|
|
102
|
+
return target;
|
|
103
|
+
}
|
|
104
|
+
target = _object_without_properties_loose(source, excluded);
|
|
105
|
+
if (Object.getOwnPropertySymbols) {
|
|
106
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
107
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
108
|
+
key = sourceKeys[i];
|
|
109
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
110
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
111
|
+
target[key] = source[key];
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
return target;
|
|
115
|
+
}
|
|
116
|
+
function _object_without_properties_loose(source, excluded) {
|
|
117
|
+
if (source == null) return {};
|
|
118
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
119
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
120
|
+
key = sourceKeys[i];
|
|
121
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
122
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
123
|
+
target[key] = source[key];
|
|
124
|
+
}
|
|
125
|
+
return target;
|
|
126
|
+
}
|
|
127
|
+
function _sliced_to_array(arr, i) {
|
|
128
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
129
|
+
}
|
|
130
|
+
function _to_array(arr) {
|
|
131
|
+
return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
|
|
132
|
+
}
|
|
133
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
134
|
+
if (!o) return;
|
|
135
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
136
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
137
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
138
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
139
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
140
|
+
}
|
|
141
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
142
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
143
|
import * as React from 'react';
|
|
4
144
|
import IconDash from '../icons/IconDash';
|
|
5
145
|
import IconPlus from '../icons/IconPlus';
|
|
6
146
|
import { cn } from '../utils';
|
|
7
|
-
|
|
8
|
-
|
|
147
|
+
var Accordion = AccordionPrimitive.Root;
|
|
148
|
+
var AccordionItem = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
149
|
+
var _ref = [
|
|
150
|
+
_0,
|
|
151
|
+
_1
|
|
152
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
153
|
+
"className"
|
|
154
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
155
|
+
return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, _object_spread({
|
|
156
|
+
ref: ref,
|
|
157
|
+
className: cn('border-b border-gray-300', className)
|
|
158
|
+
}, props));
|
|
159
|
+
});
|
|
9
160
|
AccordionItem.displayName = 'AccordionItem';
|
|
10
|
-
|
|
11
|
-
|
|
161
|
+
var AccordionTrigger = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
162
|
+
var _ref = [
|
|
163
|
+
_0,
|
|
164
|
+
_1
|
|
165
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, children = _ref2.children, _ref_showIcons = _ref2.showIcons, showIcons = _ref_showIcons === void 0 ? true : _ref_showIcons, props = _object_without_properties(_ref2, [
|
|
166
|
+
"className",
|
|
167
|
+
"children",
|
|
168
|
+
"showIcons"
|
|
169
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
170
|
+
return /*#__PURE__*/ _jsx(AccordionPrimitive.Header, {
|
|
171
|
+
className: "flex",
|
|
172
|
+
children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
173
|
+
ref: ref,
|
|
174
|
+
className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className)
|
|
175
|
+
}, props), {
|
|
176
|
+
children: [
|
|
177
|
+
children,
|
|
178
|
+
showIcons && /*#__PURE__*/ _jsxs(_Fragment, {
|
|
179
|
+
children: [
|
|
180
|
+
/*#__PURE__*/ _jsx(IconDash, {
|
|
181
|
+
size: '16px',
|
|
182
|
+
className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden"
|
|
183
|
+
}),
|
|
184
|
+
/*#__PURE__*/ _jsx(IconPlus, {
|
|
185
|
+
size: '16px',
|
|
186
|
+
className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden"
|
|
187
|
+
})
|
|
188
|
+
]
|
|
189
|
+
})
|
|
190
|
+
]
|
|
191
|
+
}))
|
|
192
|
+
});
|
|
12
193
|
});
|
|
13
194
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
14
|
-
|
|
195
|
+
var AccordionContent = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
196
|
+
var _ref = [
|
|
197
|
+
_0,
|
|
198
|
+
_1
|
|
199
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, children = _ref2.children, props = _object_without_properties(_ref2, [
|
|
200
|
+
"className",
|
|
201
|
+
"children"
|
|
202
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
203
|
+
return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, _object_spread_props(_object_spread({
|
|
204
|
+
ref: ref,
|
|
205
|
+
className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className)
|
|
206
|
+
}, props), {
|
|
207
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
208
|
+
children: children
|
|
209
|
+
})
|
|
210
|
+
}));
|
|
211
|
+
});
|
|
15
212
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
16
213
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
17
|
-
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,24 +1,44 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger
|
|
3
|
-
|
|
4
|
-
component: Accordion
|
|
2
|
+
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
|
|
3
|
+
var meta = {
|
|
4
|
+
component: Accordion
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
|
|
7
|
+
var props = [
|
|
8
8
|
{
|
|
9
9
|
title: 'What condition can I expect my car to be in?',
|
|
10
|
-
description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.'
|
|
10
|
+
description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.'
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
title: 'What other services do you provide?',
|
|
14
|
-
description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.'
|
|
15
|
-
}
|
|
14
|
+
description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.'
|
|
15
|
+
}
|
|
16
16
|
];
|
|
17
|
-
export
|
|
18
|
-
return
|
|
17
|
+
export var Default = function Default(_args) {
|
|
18
|
+
return /*#__PURE__*/ _jsx(Accordion, {
|
|
19
|
+
type: 'multiple',
|
|
20
|
+
className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2',
|
|
21
|
+
children: props.map(function(item, index) {
|
|
22
|
+
return /*#__PURE__*/ _jsxs(AccordionItem, {
|
|
23
|
+
className: 'space-y-4 hover:no-underline font-normal ',
|
|
24
|
+
value: "item-".concat(index),
|
|
25
|
+
children: [
|
|
26
|
+
/*#__PURE__*/ _jsx(AccordionTrigger, {
|
|
27
|
+
className: 'text-xs',
|
|
28
|
+
children: item.title
|
|
29
|
+
}),
|
|
30
|
+
/*#__PURE__*/ _jsx(AccordionContent, {
|
|
31
|
+
className: 'text-primary3',
|
|
32
|
+
children: /*#__PURE__*/ _jsx("p", {
|
|
33
|
+
children: item.description
|
|
34
|
+
})
|
|
35
|
+
})
|
|
36
|
+
]
|
|
37
|
+
}, item.title);
|
|
38
|
+
})
|
|
39
|
+
});
|
|
19
40
|
};
|
|
20
41
|
Default.args = {
|
|
21
42
|
type: 'single',
|
|
22
|
-
collapsible: true
|
|
43
|
+
collapsible: true
|
|
23
44
|
};
|
|
24
|
-
//# sourceMappingURL=Accordion.stories.js.map
|
package/dist/alert/Alert.js
CHANGED
|
@@ -1,44 +1,218 @@
|
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array(iter) {
|
|
23
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
+
}
|
|
25
|
+
function _iterable_to_array_limit(arr, i) {
|
|
26
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
27
|
+
if (_i == null) return;
|
|
28
|
+
var _arr = [];
|
|
29
|
+
var _n = true;
|
|
30
|
+
var _d = false;
|
|
31
|
+
var _s, _e;
|
|
32
|
+
try {
|
|
33
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
34
|
+
_arr.push(_s.value);
|
|
35
|
+
if (i && _arr.length === i) break;
|
|
36
|
+
}
|
|
37
|
+
} catch (err) {
|
|
38
|
+
_d = true;
|
|
39
|
+
_e = err;
|
|
40
|
+
} finally{
|
|
41
|
+
try {
|
|
42
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
43
|
+
} finally{
|
|
44
|
+
if (_d) throw _e;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return _arr;
|
|
48
|
+
}
|
|
49
|
+
function _non_iterable_rest() {
|
|
50
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
51
|
+
}
|
|
52
|
+
function _object_spread(target) {
|
|
53
|
+
for(var i = 1; i < arguments.length; i++){
|
|
54
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
55
|
+
var ownKeys = Object.keys(source);
|
|
56
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
57
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
58
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
59
|
+
}));
|
|
60
|
+
}
|
|
61
|
+
ownKeys.forEach(function(key) {
|
|
62
|
+
_define_property(target, key, source[key]);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return target;
|
|
66
|
+
}
|
|
67
|
+
function _object_without_properties(source, excluded) {
|
|
68
|
+
if (source == null) return {};
|
|
69
|
+
var target = {}, sourceKeys, key, i;
|
|
70
|
+
if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
|
|
71
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
72
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
73
|
+
key = sourceKeys[i];
|
|
74
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
return target;
|
|
79
|
+
}
|
|
80
|
+
target = _object_without_properties_loose(source, excluded);
|
|
81
|
+
if (Object.getOwnPropertySymbols) {
|
|
82
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
83
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
84
|
+
key = sourceKeys[i];
|
|
85
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
86
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
87
|
+
target[key] = source[key];
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
return target;
|
|
91
|
+
}
|
|
92
|
+
function _object_without_properties_loose(source, excluded) {
|
|
93
|
+
if (source == null) return {};
|
|
94
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
95
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
96
|
+
key = sourceKeys[i];
|
|
97
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
98
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
99
|
+
target[key] = source[key];
|
|
100
|
+
}
|
|
101
|
+
return target;
|
|
102
|
+
}
|
|
103
|
+
function _sliced_to_array(arr, i) {
|
|
104
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
105
|
+
}
|
|
106
|
+
function _to_array(arr) {
|
|
107
|
+
return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
|
|
108
|
+
}
|
|
109
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
110
|
+
if (!o) return;
|
|
111
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
112
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
113
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
114
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
115
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
116
|
+
}
|
|
1
117
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
118
|
import { cva } from 'class-variance-authority';
|
|
3
119
|
import * as React from 'react';
|
|
4
120
|
import IconInfo from '../icons/IconInfo';
|
|
5
121
|
import { cn } from '../utils';
|
|
6
|
-
|
|
122
|
+
var alertVariants = cva('relative font-light w-full p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
|
|
7
123
|
variants: {
|
|
8
124
|
variant: {
|
|
9
125
|
default: 'bg-primary1 text-black',
|
|
10
126
|
error: 'bg-danger/30 [&>svg]:text-danger',
|
|
11
|
-
warning: 'bg-warning4/30 [&>svg]:text-warning4'
|
|
12
|
-
}
|
|
127
|
+
warning: 'bg-warning4/30 [&>svg]:text-warning4'
|
|
128
|
+
}
|
|
13
129
|
},
|
|
14
130
|
defaultVariants: {
|
|
15
|
-
variant: 'default'
|
|
16
|
-
}
|
|
131
|
+
variant: 'default'
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
var Alert = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
135
|
+
var _ref = [
|
|
136
|
+
_0,
|
|
137
|
+
_1
|
|
138
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, props = _object_without_properties(_ref2, [
|
|
139
|
+
"className",
|
|
140
|
+
"variant"
|
|
141
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
142
|
+
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
143
|
+
ref: ref,
|
|
144
|
+
role: "alert",
|
|
145
|
+
className: cn(alertVariants({
|
|
146
|
+
variant: variant
|
|
147
|
+
}), className)
|
|
148
|
+
}, props));
|
|
17
149
|
});
|
|
18
|
-
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
|
|
19
150
|
Alert.displayName = 'Alert';
|
|
20
|
-
|
|
151
|
+
var AlertIcon = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
152
|
+
var _ref = [
|
|
153
|
+
_0,
|
|
154
|
+
_1
|
|
155
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, props = _object_without_properties(_ref2, [
|
|
156
|
+
"className",
|
|
157
|
+
"variant"
|
|
158
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
21
159
|
if (!variant) {
|
|
22
|
-
return _jsx(IconInfo, {
|
|
160
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
161
|
+
ref: ref
|
|
162
|
+
}, props));
|
|
23
163
|
}
|
|
24
|
-
switch
|
|
164
|
+
switch(variant){
|
|
25
165
|
case 'error':
|
|
26
|
-
return
|
|
166
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
167
|
+
ref: ref,
|
|
168
|
+
variant: 'filled',
|
|
169
|
+
className: cn('text-danger', className)
|
|
170
|
+
}, props));
|
|
27
171
|
case 'warning':
|
|
28
|
-
return
|
|
172
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
173
|
+
ref: ref,
|
|
174
|
+
variant: 'filled',
|
|
175
|
+
className: cn('text-warning4', className)
|
|
176
|
+
}, props));
|
|
29
177
|
case 'default':
|
|
30
|
-
return _jsx(IconInfo, {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
178
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
179
|
+
ref: ref
|
|
180
|
+
}, props));
|
|
181
|
+
default:
|
|
182
|
+
{
|
|
183
|
+
var _exhaustiveCheck = variant;
|
|
184
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
185
|
+
ref: ref
|
|
186
|
+
}, props));
|
|
187
|
+
}
|
|
35
188
|
}
|
|
36
189
|
});
|
|
37
190
|
AlertIcon.displayName = 'AlertIcon';
|
|
38
|
-
|
|
191
|
+
var AlertTitle = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
192
|
+
var _ref = [
|
|
193
|
+
_0,
|
|
194
|
+
_1
|
|
195
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
196
|
+
"className"
|
|
197
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
198
|
+
return /*#__PURE__*/ _jsx("h5", _object_spread({
|
|
199
|
+
ref: ref,
|
|
200
|
+
className: cn('mb-1 font-bold leading-none tracking-tight', className)
|
|
201
|
+
}, props));
|
|
202
|
+
});
|
|
39
203
|
AlertTitle.displayName = 'AlertTitle';
|
|
40
|
-
|
|
204
|
+
var AlertDescription = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
205
|
+
var _ref = [
|
|
206
|
+
_0,
|
|
207
|
+
_1
|
|
208
|
+
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
209
|
+
"className"
|
|
210
|
+
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
211
|
+
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
212
|
+
ref: ref,
|
|
213
|
+
className: cn('text-base font-light [&_p]:leading-relaxed', className)
|
|
214
|
+
}, props));
|
|
215
|
+
});
|
|
41
216
|
AlertDescription.displayName = 'AlertDescription';
|
|
42
217
|
export default Alert;
|
|
43
218
|
export { AlertDescription, AlertIcon, AlertTitle };
|
|
44
|
-
//# sourceMappingURL=Alert.js.map
|
|
@@ -1,22 +1,57 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Alert, { AlertDescription, AlertIcon, AlertTitle } from './Alert.js';
|
|
3
|
-
|
|
4
|
-
component: Alert
|
|
3
|
+
var meta = {
|
|
4
|
+
component: Alert
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
export
|
|
8
|
-
render: ()
|
|
9
|
-
return
|
|
10
|
-
|
|
7
|
+
export var DefaultStory = {
|
|
8
|
+
render: function render() {
|
|
9
|
+
return /*#__PURE__*/ _jsxs(Alert, {
|
|
10
|
+
children: [
|
|
11
|
+
/*#__PURE__*/ _jsx(AlertIcon, {}),
|
|
12
|
+
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
13
|
+
children: "Apple Inc."
|
|
14
|
+
}),
|
|
15
|
+
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
16
|
+
children: "Created by Steve Jobs. Made possible by Steve Wozniak."
|
|
17
|
+
})
|
|
18
|
+
]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
11
21
|
};
|
|
12
|
-
export
|
|
13
|
-
render: ()
|
|
14
|
-
return
|
|
15
|
-
|
|
22
|
+
export var ErrorStory = {
|
|
23
|
+
render: function render() {
|
|
24
|
+
return /*#__PURE__*/ _jsxs(Alert, {
|
|
25
|
+
variant: "error",
|
|
26
|
+
children: [
|
|
27
|
+
/*#__PURE__*/ _jsx(AlertIcon, {
|
|
28
|
+
variant: "error"
|
|
29
|
+
}),
|
|
30
|
+
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
31
|
+
children: "Apple Inc."
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
34
|
+
children: "is made by Bill Gates"
|
|
35
|
+
})
|
|
36
|
+
]
|
|
37
|
+
});
|
|
38
|
+
}
|
|
16
39
|
};
|
|
17
|
-
export
|
|
18
|
-
render: ()
|
|
19
|
-
return
|
|
20
|
-
|
|
40
|
+
export var WarningStory = {
|
|
41
|
+
render: function render() {
|
|
42
|
+
return /*#__PURE__*/ _jsxs(Alert, {
|
|
43
|
+
variant: "warning",
|
|
44
|
+
children: [
|
|
45
|
+
/*#__PURE__*/ _jsx(AlertIcon, {
|
|
46
|
+
variant: "warning"
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
49
|
+
children: "Apple Inc."
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
52
|
+
children: "is prospered by Tim Cook."
|
|
53
|
+
})
|
|
54
|
+
]
|
|
55
|
+
});
|
|
56
|
+
}
|
|
21
57
|
};
|
|
22
|
-
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1,26 +1,39 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Stack from '../stack/Stack';
|
|
3
3
|
import { cn } from '../utils';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
4
|
+
var LoadingAnimation = function LoadingAnimation(param) {
|
|
5
|
+
var _param_colorScheme = param.colorScheme, colorScheme = _param_colorScheme === void 0 ? 'default' : _param_colorScheme;
|
|
6
|
+
return /*#__PURE__*/ _jsxs(Stack, {
|
|
7
|
+
className: "flex justify-center items-center",
|
|
8
|
+
children: [
|
|
9
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
10
|
+
className: "relative flex gap-1",
|
|
11
|
+
children: [
|
|
12
|
+
[
|
|
13
|
+
0,
|
|
14
|
+
1,
|
|
15
|
+
2,
|
|
16
|
+
3
|
|
17
|
+
].map(function(index) {
|
|
18
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
19
|
+
className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50')
|
|
20
|
+
}, "static-".concat(index));
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsx("div", {
|
|
23
|
+
className: "absolute top-0 left-0 flex items-center",
|
|
24
|
+
style: {
|
|
25
|
+
animation: 'dotAnimation 3s infinite'
|
|
26
|
+
},
|
|
27
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
28
|
+
className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white')
|
|
29
|
+
})
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ _jsx("style", {
|
|
34
|
+
children: "\n @keyframes dotAnimation {\n 0% { transform: translateX(0); width: 10px; }\n 9% { transform: translateX(0); width: 24px; }\n 17.5% { transform: translateX(14px); width: 10px; }\n 25% { transform: translateX(14px); width: 24px; }\n 35% { transform: translateX(28px); width: 10px; }\n 42.5% { transform: translateX(28px); width: 24px; }\n 50% { transform: translateX(42px); width: 10px; }\n 59% { transform: translateX(28px); width: 24px; }\n 67.5% { transform: translateX(28px); width: 10px; }\n 75% { transform: translateX(14px); width: 24px; }\n 85% { transform: translateX(14px); width: 10px; }\n 92.5% { transform: translateX(0px); width: 24px; }\n 100% { transform: translateX(0); width: 10px; }\n}\n "
|
|
35
|
+
})
|
|
36
|
+
]
|
|
37
|
+
});
|
|
24
38
|
};
|
|
25
39
|
export default LoadingAnimation;
|
|
26
|
-
//# sourceMappingURL=LoadingAnimation.js.map
|