@driveflux/beam 3.0.1 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion/Accordion.js +7 -133
- package/dist/accordion/Accordion.stories.js +11 -31
- package/dist/alert/Alert.d.ts +1 -1
- package/dist/alert/Alert.d.ts.map +1 -1
- package/dist/alert/Alert.js +19 -120
- package/dist/alert/Alert.js.map +1 -1
- package/dist/alert/Alert.stories.d.ts +1 -1
- package/dist/alert/Alert.stories.js +15 -50
- package/dist/animations/LoadingAnimation.js +21 -34
- package/dist/badge/Badge.d.ts +1 -1
- package/dist/badge/Badge.d.ts.map +1 -1
- package/dist/badge/Badge.js +8 -96
- package/dist/badge/Badge.js.map +1 -1
- package/dist/badge/Badge.stories.js +7 -28
- package/dist/box/Box.js +3 -87
- package/dist/box/Box.stories.js +7 -8
- package/dist/breadcrumbs/Breadcrumbs.js +28 -288
- package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
- package/dist/button/Button.d.ts +1 -1
- package/dist/button/Button.js +12 -124
- package/dist/button/Button.stories.js +7 -35
- package/dist/card/Card.js +7 -109
- package/dist/card/Card.stories.js +7 -10
- package/dist/carousel/Carousel.js +58 -281
- package/dist/carousel/Carousel.stories.js +7 -39
- package/dist/carousel/CarouselButton.js +7 -68
- package/dist/center/Center.js +3 -63
- package/dist/center/Center.stories.js +7 -19
- package/dist/checkbox/Checkbox.js +4 -124
- package/dist/checkbox/Checkbox.stories.js +8 -10
- package/dist/chip/Chip.js +3 -104
- package/dist/chip/Chip.stories.js +7 -19
- package/dist/circular-progress/CircularProgress.js +11 -150
- package/dist/circular-progress/CircularProgress.stories.js +14 -54
- package/dist/command/command.d.ts +1 -1
- package/dist/command/command.js +13 -170
- package/dist/datepicker/DatePicker.d.ts +6 -6
- package/dist/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/datepicker/DatePicker.js +145 -131
- package/dist/datepicker/DatePicker.js.map +1 -1
- package/dist/datepicker/DatePicker.stories.js +58 -163
- package/dist/datepicker/DatePickerDrawer.d.ts +1 -1
- package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
- package/dist/datepicker/DatePickerDrawer.js +19 -110
- package/dist/datepicker/DatePickerDrawer.js.map +1 -1
- package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
- package/dist/datepicker/DatePickerPopover.js +35 -207
- package/dist/datepicker/DatePickerPopover.js.map +1 -1
- package/dist/datepicker/constants.js +4 -3
- package/dist/datepicker/utils.js +11 -4
- package/dist/dialog/index.d.ts.map +1 -1
- package/dist/dialog/index.js +33 -180
- package/dist/dialog/index.js.map +1 -1
- package/dist/divider/Divider.js +3 -63
- package/dist/divider/Divider.stories.js +7 -13
- package/dist/drawer/index.js +12 -157
- package/dist/dropdown/Dropdown.js +26 -212
- package/dist/dropdown/Dropdown.stories.js +22 -109
- package/dist/field-wrapper/FieldWrapper.js +3 -139
- package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
- package/dist/flex/Flex.js +3 -63
- package/dist/flex/Flex.stories.js +7 -19
- package/dist/grid/Grid.js +3 -63
- package/dist/grid/Grid.stories.js +7 -28
- package/dist/hooks/use-breakpoint-value.js +14 -77
- package/dist/hooks/use-media-query.js +12 -61
- package/dist/hstack/HStack.js +3 -63
- package/dist/hstack/HStack.stories.js +7 -19
- package/dist/icons/FluxLogo.js +9 -213
- package/dist/icons/FluxLogoTable.js +5 -109
- package/dist/icons/Icon.js +7 -108
- package/dist/icons/Icon.stories.js +7 -12
- package/dist/icons/Icon24Hours.js +5 -83
- package/dist/icons/IconAcceleration.js +4 -72
- package/dist/icons/IconAccount.js +4 -72
- package/dist/icons/IconApplicant.js +5 -78
- package/dist/icons/IconArrow.js +6 -78
- package/dist/icons/IconArrowBack.js +4 -72
- package/dist/icons/IconArrowForward.js +4 -72
- package/dist/icons/IconArrowTopLeft.js +4 -70
- package/dist/icons/IconBluesharkProductGuide.js +5 -80
- package/dist/icons/IconBolt.js +4 -72
- package/dist/icons/IconBriefcase.js +4 -72
- package/dist/icons/IconBulb.js +4 -72
- package/dist/icons/IconCalendar.js +4 -72
- package/dist/icons/IconCalendarArrowBack.js +4 -72
- package/dist/icons/IconCalendarArrowForward.js +4 -72
- package/dist/icons/IconCalendarDoubleArrowBack.js +4 -72
- package/dist/icons/IconCalendarDoubleArrowForward.js +4 -72
- package/dist/icons/IconCancel.js +5 -77
- package/dist/icons/IconCancelMark.js +4 -72
- package/dist/icons/IconCarSUV.js +4 -72
- package/dist/icons/IconCarSedan.js +7 -147
- package/dist/icons/IconChain.js +5 -79
- package/dist/icons/IconCheckmark.js +4 -72
- package/dist/icons/IconChevronRight.js +4 -72
- package/dist/icons/IconCircle.js +11 -114
- package/dist/icons/IconCircleCheckmark.js +5 -77
- package/dist/icons/IconCircleError.js +4 -72
- package/dist/icons/IconCircleExclamation.js +6 -104
- package/dist/icons/IconCircleMark.js +5 -78
- package/dist/icons/IconCircleOutline.js +5 -139
- package/dist/icons/IconClock.js +5 -80
- package/dist/icons/IconClose.js +4 -72
- package/dist/icons/IconCollapseAll.js +5 -94
- package/dist/icons/IconConcierge.js +5 -79
- package/dist/icons/IconConciergeService.js +5 -87
- package/dist/icons/IconCreditCard.js +5 -78
- package/dist/icons/IconDash.js +4 -72
- package/dist/icons/IconDeliver.js +4 -72
- package/dist/icons/IconDelivery.js +5 -87
- package/dist/icons/IconDetails.js +4 -72
- package/dist/icons/IconDot.js +6 -87
- package/dist/icons/IconDownload.js +5 -79
- package/dist/icons/IconEVCharging.js +5 -79
- package/dist/icons/IconElectricCarFuel.js +5 -80
- package/dist/icons/IconEllipsis.js +5 -78
- package/dist/icons/IconEnvelope.js +4 -72
- package/dist/icons/IconExpandAll.js +5 -94
- package/dist/icons/IconEye.js +5 -79
- package/dist/icons/IconFacebook.js +6 -94
- package/dist/icons/IconFilter.js +5 -83
- package/dist/icons/IconFlagMalaysia.js +5 -141
- package/dist/icons/IconGiveKey.js +5 -79
- package/dist/icons/IconGlobe.js +4 -70
- package/dist/icons/IconGoogle.js +5 -87
- package/dist/icons/IconHome.js +5 -78
- package/dist/icons/IconHostAdvertise.js +4 -72
- package/dist/icons/IconHostCar.js +4 -75
- package/dist/icons/IconHostCash.js +5 -91
- package/dist/icons/IconHostHandle.js +4 -70
- package/dist/icons/IconHostLocation.js +4 -70
- package/dist/icons/IconHostPayment.js +5 -91
- package/dist/icons/IconHostService.js +5 -79
- package/dist/icons/IconHotDeals.js +4 -72
- package/dist/icons/IconInfo.js +5 -77
- package/dist/icons/IconInstagram.js +4 -72
- package/dist/icons/IconInsurance.js +5 -99
- package/dist/icons/IconInternet.js +4 -73
- package/dist/icons/IconInventory.js +5 -78
- package/dist/icons/IconLaurel.js +5 -101
- package/dist/icons/IconLinkedIn.js +4 -72
- package/dist/icons/IconLoading.js +4 -78
- package/dist/icons/IconLocation.js +5 -80
- package/dist/icons/IconLock.js +4 -73
- package/dist/icons/IconLogistics.js +4 -72
- package/dist/icons/IconMail.js +5 -94
- package/dist/icons/IconMember.js +5 -78
- package/dist/icons/IconMobilePen.js +5 -83
- package/dist/icons/IconMotorcycleMoped.js +5 -78
- package/dist/icons/IconNoCost.js +5 -92
- package/dist/icons/IconPDF.js +5 -80
- package/dist/icons/IconPencil.js +4 -70
- package/dist/icons/IconPhone.js +4 -70
- package/dist/icons/IconPlus.js +4 -72
- package/dist/icons/IconPricing.js +4 -72
- package/dist/icons/IconProtected.js +4 -71
- package/dist/icons/IconPsychology.js +4 -72
- package/dist/icons/IconQuestionTooltip.js +4 -73
- package/dist/icons/IconQuote.js +4 -72
- package/dist/icons/IconRate.js +4 -71
- package/dist/icons/IconRegister.js +5 -99
- package/dist/icons/IconReport.js +6 -89
- package/dist/icons/IconReturn.js +4 -72
- package/dist/icons/IconSearch.js +4 -70
- package/dist/icons/IconSecure.js +4 -71
- package/dist/icons/IconSecurity.js +4 -73
- package/dist/icons/IconSedanOutline.js +5 -159
- package/dist/icons/IconSelectArrow.js +6 -78
- package/dist/icons/IconSort.js +5 -79
- package/dist/icons/IconSortListed.js +5 -95
- package/dist/icons/IconSortPriceAscending.js +5 -83
- package/dist/icons/IconSortPriceDescending.js +5 -83
- package/dist/icons/IconSortYear.js +5 -79
- package/dist/icons/IconSpan.js +4 -71
- package/dist/icons/IconSpeaker.js +4 -79
- package/dist/icons/IconSpecialCar.js +5 -95
- package/dist/icons/IconStar.js +7 -92
- package/dist/icons/IconStockPhoto.js +5 -95
- package/dist/icons/IconSubscription.js +6 -113
- package/dist/icons/IconSubscriptions.js +6 -113
- package/dist/icons/IconSwap.js +5 -79
- package/dist/icons/IconTax.js +4 -72
- package/dist/icons/IconThinArrow.js +6 -78
- package/dist/icons/IconThumbsdown.js +5 -78
- package/dist/icons/IconThumbsup.js +5 -78
- package/dist/icons/IconTool.js +4 -72
- package/dist/icons/IconTooltip.js +4 -73
- package/dist/icons/IconTrash.js +4 -72
- package/dist/icons/IconTriangleExclamation.js +4 -72
- package/dist/icons/IconTyersBrakes.js +5 -83
- package/dist/icons/IconTyre.js +5 -83
- package/dist/icons/IconVacancy.js +5 -78
- package/dist/icons/IconVolunteer.js +4 -72
- package/dist/icons/IconWhatsapp.js +4 -73
- package/dist/icons/IconXPlatform.js +4 -72
- package/dist/icons/IconZeroEffort.js +5 -77
- package/dist/icons/Logo.js +3 -99
- package/dist/input/Input.js +11 -125
- package/dist/input/Input.stories.js +18 -17
- package/dist/input-mask/InputMask.js +11 -149
- package/dist/input-mask/InputMask.stories.js +6 -5
- package/dist/input-mask/mask-trackers.js +5 -4
- package/dist/input-select/InputSelect.js +68 -357
- package/dist/input-select/InputSelect.stories.js +25 -98
- package/dist/popover/popover.js +4 -72
- package/dist/progress/Progress.js +2 -96
- package/dist/progress/Progress.stories.js +14 -13
- package/dist/radio/Radio.js +4 -163
- package/dist/scroll-area/scroll-area.js +5 -113
- package/dist/search-input-select/SearchInputSelect.js +69 -346
- package/dist/select/Select.js +29 -315
- package/dist/select/Select.stories.js +19 -55
- package/dist/skeleton/Skeleton.js +3 -62
- package/dist/skeleton/Skeleton.stories.js +7 -8
- package/dist/slider/Slider.js +5 -106
- package/dist/slider/Slider.stories.js +11 -12
- package/dist/stack/Stack.js +3 -63
- package/dist/stack/Stack.stories.js +7 -19
- package/dist/table/Table.js +10 -131
- package/dist/table/Table.stories.js +8 -84
- package/dist/tabs/Tabs.js +9 -128
- package/dist/tabs/Tabs.stories.js +13 -46
- package/dist/text/Text.js +6 -88
- package/dist/text/Text.stories.js +7 -44
- package/dist/toast/Toast.stories.js +14 -66
- package/dist/toast/ToastBox.d.ts.map +1 -1
- package/dist/toast/ToastBox.js +29 -77
- package/dist/toast/ToastBox.js.map +1 -1
- package/dist/toast/index.js +1 -0
- package/dist/toast/sonner.js +6 -66
- package/dist/toggle/Toggle.js +7 -116
- package/dist/toggle/Toggle.stories.js +8 -10
- package/dist/tooltip/Tooltip.js +12 -151
- package/dist/tooltip/Tooltip.stories.js +13 -71
- package/dist/utils.js +2 -4
- package/dist/vstack/VStack.js +3 -63
- package/dist/vstack/VStack.stories.js +7 -19
- package/package.json +1 -1
|
@@ -1,143 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function ownKeys(object, enumerableOnly) {
|
|
30
|
-
var keys = Object.keys(object);
|
|
31
|
-
if (Object.getOwnPropertySymbols) {
|
|
32
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
-
if (enumerableOnly) {
|
|
34
|
-
symbols = symbols.filter(function(sym) {
|
|
35
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
keys.push.apply(keys, symbols);
|
|
39
|
-
}
|
|
40
|
-
return keys;
|
|
41
|
-
}
|
|
42
|
-
function _object_spread_props(target, source) {
|
|
43
|
-
source = source != null ? source : {};
|
|
44
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
-
} else {
|
|
47
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
return target;
|
|
52
|
-
}
|
|
53
|
-
function _object_without_properties(source, excluded) {
|
|
54
|
-
if (source == null) return {};
|
|
55
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
56
|
-
var key, i;
|
|
57
|
-
if (Object.getOwnPropertySymbols) {
|
|
58
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
59
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
60
|
-
key = sourceSymbolKeys[i];
|
|
61
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
62
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
63
|
-
target[key] = source[key];
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return target;
|
|
67
|
-
}
|
|
68
|
-
function _object_without_properties_loose(source, excluded) {
|
|
69
|
-
if (source == null) return {};
|
|
70
|
-
var target = {};
|
|
71
|
-
var sourceKeys = Object.keys(source);
|
|
72
|
-
var key, i;
|
|
73
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
74
|
-
key = sourceKeys[i];
|
|
75
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
76
|
-
target[key] = source[key];
|
|
77
|
-
}
|
|
78
|
-
return target;
|
|
79
|
-
}
|
|
80
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
81
2
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
82
3
|
import * as React from 'react';
|
|
83
4
|
import IconDash from '../icons/IconDash';
|
|
84
5
|
import IconPlus from '../icons/IconPlus';
|
|
85
6
|
import { cn } from '../utils';
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
89
|
-
"className"
|
|
90
|
-
]);
|
|
91
|
-
return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, _object_spread({
|
|
92
|
-
ref: ref,
|
|
93
|
-
className: cn('border-b border-gray-300', className)
|
|
94
|
-
}, props));
|
|
95
|
-
});
|
|
7
|
+
const Accordion = AccordionPrimitive.Root;
|
|
8
|
+
const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn('border-b border-gray-300', className), ...props })));
|
|
96
9
|
AccordionItem.displayName = 'AccordionItem';
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
"className",
|
|
100
|
-
"children",
|
|
101
|
-
"showIcons"
|
|
102
|
-
]);
|
|
103
|
-
return /*#__PURE__*/ _jsx(AccordionPrimitive.Header, {
|
|
104
|
-
className: "flex",
|
|
105
|
-
children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
106
|
-
ref: ref,
|
|
107
|
-
className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className)
|
|
108
|
-
}, props), {
|
|
109
|
-
children: [
|
|
110
|
-
children,
|
|
111
|
-
showIcons && /*#__PURE__*/ _jsxs(_Fragment, {
|
|
112
|
-
children: [
|
|
113
|
-
/*#__PURE__*/ _jsx(IconDash, {
|
|
114
|
-
size: '16px',
|
|
115
|
-
className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden"
|
|
116
|
-
}),
|
|
117
|
-
/*#__PURE__*/ _jsx(IconPlus, {
|
|
118
|
-
size: '16px',
|
|
119
|
-
className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden"
|
|
120
|
-
})
|
|
121
|
-
]
|
|
122
|
-
})
|
|
123
|
-
]
|
|
124
|
-
}))
|
|
125
|
-
});
|
|
10
|
+
const AccordionTrigger = React.forwardRef(({ className, children, showIcons = true, ...props }, ref) => {
|
|
11
|
+
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className), ...props, children: [children, showIcons && (_jsxs(_Fragment, { children: [_jsx(IconDash, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden" }), _jsx(IconPlus, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden" })] }))] }) }));
|
|
126
12
|
});
|
|
127
13
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
128
|
-
|
|
129
|
-
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
130
|
-
"className",
|
|
131
|
-
"children"
|
|
132
|
-
]);
|
|
133
|
-
return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, _object_spread_props(_object_spread({
|
|
134
|
-
ref: ref,
|
|
135
|
-
className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className)
|
|
136
|
-
}, props), {
|
|
137
|
-
children: /*#__PURE__*/ _jsx("div", {
|
|
138
|
-
children: children
|
|
139
|
-
})
|
|
140
|
-
}));
|
|
141
|
-
});
|
|
14
|
+
const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...props, children: _jsx("div", { children: children }) })));
|
|
142
15
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
143
16
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
17
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,44 +1,24 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
|
|
3
|
-
|
|
4
|
-
component: Accordion
|
|
2
|
+
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './Accordion.js';
|
|
3
|
+
const meta = {
|
|
4
|
+
component: Accordion,
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
|
|
7
|
+
const 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
|
|
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
|
-
});
|
|
17
|
+
export const Default = (_args) => {
|
|
18
|
+
return (_jsx(Accordion, { type: 'multiple', className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2', children: props.map((item, index) => (_jsxs(AccordionItem, { className: 'space-y-4 hover:no-underline font-normal ', value: `item-${index}`, children: [_jsx(AccordionTrigger, { className: 'text-xs', children: item.title }), _jsx(AccordionContent, { className: 'text-primary3', children: _jsx("p", { children: item.description }) })] }, item.title))) }));
|
|
40
19
|
};
|
|
41
20
|
Default.args = {
|
|
42
21
|
type: 'single',
|
|
43
|
-
collapsible: true
|
|
22
|
+
collapsible: true,
|
|
44
23
|
};
|
|
24
|
+
//# sourceMappingURL=Accordion.stories.js.map
|
package/dist/alert/Alert.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "error" | "default" | "warning" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
declare const AlertIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<SVGSVGElement> & {
|
|
7
7
|
variant?: "default" | "error" | "warning";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,QAAA,MAAM,KAAK;;sHAUT,CAAA;AAGF,QAAA,MAAM,SAAS;cAGH,SAAS,GAAG,OAAO,GAAG,SAAS;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,QAAA,MAAM,KAAK;;sHAUT,CAAA;AAGF,QAAA,MAAM,SAAS;cAGH,SAAS,GAAG,OAAO,GAAG,SAAS;uCAiCzC,CAAA;AAGF,QAAA,MAAM,UAAU,uHASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,yHASpB,CAAA;AAGF,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAA"}
|
package/dist/alert/Alert.js
CHANGED
|
@@ -1,145 +1,44 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function _object_without_properties(source, excluded) {
|
|
30
|
-
if (source == null) return {};
|
|
31
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
-
var key, i;
|
|
33
|
-
if (Object.getOwnPropertySymbols) {
|
|
34
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
-
key = sourceSymbolKeys[i];
|
|
37
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
-
target[key] = source[key];
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return target;
|
|
43
|
-
}
|
|
44
|
-
function _object_without_properties_loose(source, excluded) {
|
|
45
|
-
if (source == null) return {};
|
|
46
|
-
var target = {};
|
|
47
|
-
var sourceKeys = Object.keys(source);
|
|
48
|
-
var key, i;
|
|
49
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
-
key = sourceKeys[i];
|
|
51
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
-
target[key] = source[key];
|
|
53
|
-
}
|
|
54
|
-
return target;
|
|
55
|
-
}
|
|
56
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
57
2
|
import { cva } from 'class-variance-authority';
|
|
58
3
|
import * as React from 'react';
|
|
59
4
|
import IconInfo from '../icons/IconInfo';
|
|
60
5
|
import { cn } from '../utils';
|
|
61
|
-
|
|
6
|
+
const 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', {
|
|
62
7
|
variants: {
|
|
63
8
|
variant: {
|
|
64
9
|
default: 'bg-primary1 text-black',
|
|
65
10
|
error: 'bg-danger/30 [&>svg]:text-danger',
|
|
66
|
-
warning: 'bg-warning4/30 [&>svg]:text-warning4'
|
|
67
|
-
}
|
|
11
|
+
warning: 'bg-warning4/30 [&>svg]:text-warning4',
|
|
12
|
+
},
|
|
68
13
|
},
|
|
69
14
|
defaultVariants: {
|
|
70
|
-
variant: 'default'
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
var Alert = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
74
|
-
var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
|
|
75
|
-
"className",
|
|
76
|
-
"variant"
|
|
77
|
-
]);
|
|
78
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
79
|
-
ref: ref,
|
|
80
|
-
role: "alert",
|
|
81
|
-
className: cn(alertVariants({
|
|
82
|
-
variant: variant
|
|
83
|
-
}), className)
|
|
84
|
-
}, props));
|
|
15
|
+
variant: 'default',
|
|
16
|
+
},
|
|
85
17
|
});
|
|
18
|
+
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
|
|
86
19
|
Alert.displayName = 'Alert';
|
|
87
|
-
|
|
88
|
-
var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
|
|
89
|
-
"className",
|
|
90
|
-
"variant"
|
|
91
|
-
]);
|
|
20
|
+
const AlertIcon = React.forwardRef(({ className, variant, ...props }, ref) => {
|
|
92
21
|
if (!variant) {
|
|
93
|
-
return
|
|
94
|
-
ref: ref
|
|
95
|
-
}, props));
|
|
22
|
+
return _jsx(IconInfo, { ref: ref, ...props });
|
|
96
23
|
}
|
|
97
|
-
switch(variant){
|
|
24
|
+
switch (variant) {
|
|
98
25
|
case 'error':
|
|
99
|
-
return
|
|
100
|
-
ref: ref,
|
|
101
|
-
variant: 'filled',
|
|
102
|
-
className: cn('text-danger', className)
|
|
103
|
-
}, props));
|
|
26
|
+
return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-danger', className), ...props }));
|
|
104
27
|
case 'warning':
|
|
105
|
-
return
|
|
106
|
-
ref: ref,
|
|
107
|
-
variant: 'filled',
|
|
108
|
-
className: cn('text-warning4', className)
|
|
109
|
-
}, props));
|
|
28
|
+
return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-warning4', className), ...props }));
|
|
110
29
|
case 'default':
|
|
111
|
-
return
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
var _exhaustiveCheck = variant;
|
|
117
|
-
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
118
|
-
ref: ref
|
|
119
|
-
}, props));
|
|
120
|
-
}
|
|
30
|
+
return _jsx(IconInfo, { ref: ref, ...props });
|
|
31
|
+
default: {
|
|
32
|
+
const _exhaustiveCheck = variant;
|
|
33
|
+
return _jsx(IconInfo, { ref: ref, ...props });
|
|
34
|
+
}
|
|
121
35
|
}
|
|
122
36
|
});
|
|
123
37
|
AlertIcon.displayName = 'AlertIcon';
|
|
124
|
-
|
|
125
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
126
|
-
"className"
|
|
127
|
-
]);
|
|
128
|
-
return /*#__PURE__*/ _jsx("h5", _object_spread({
|
|
129
|
-
ref: ref,
|
|
130
|
-
className: cn('mb-1 font-bold leading-none tracking-tight', className)
|
|
131
|
-
}, props));
|
|
132
|
-
});
|
|
38
|
+
const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn('mb-1 font-bold leading-none tracking-tight', className), ...props })));
|
|
133
39
|
AlertTitle.displayName = 'AlertTitle';
|
|
134
|
-
|
|
135
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
136
|
-
"className"
|
|
137
|
-
]);
|
|
138
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
139
|
-
ref: ref,
|
|
140
|
-
className: cn('text-base font-light [&_p]:leading-relaxed', className)
|
|
141
|
-
}, props));
|
|
142
|
-
});
|
|
40
|
+
const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-base font-light [&_p]:leading-relaxed', className), ...props })));
|
|
143
41
|
AlertDescription.displayName = 'AlertDescription';
|
|
144
42
|
export default Alert;
|
|
145
43
|
export { AlertTitle, AlertDescription, AlertIcon };
|
|
44
|
+
//# sourceMappingURL=Alert.js.map
|
package/dist/alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,aAAa,GAAG,GAAG,CACxB,4HAA4H,EAC5H;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,sCAAsC;SAC/C;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,cACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAKhC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,QAAQ,OAAO,EAAE,CAAC;QACjB,KAAK,OAAO;YACX,OAAO,CACN,KAAC,QAAQ,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACR,CACF,CAAA;QACF,KAAK,SAAS;YACb,OAAO,CACN,KAAC,QAAQ,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KACrC,KAAK,GACR,CACF,CAAA;QACF;
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "error" | "default" | "warning" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
@@ -1,57 +1,22 @@
|
|
|
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
|
+
const meta = {
|
|
4
|
+
component: Alert,
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
export
|
|
8
|
-
render:
|
|
9
|
-
return
|
|
10
|
-
|
|
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
|
-
}
|
|
7
|
+
export const DefaultStory = {
|
|
8
|
+
render: () => {
|
|
9
|
+
return (_jsxs(Alert, { children: [_jsx(AlertIcon, {}), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "Created by Steve Jobs. Made possible by Steve Wozniak." })] }));
|
|
10
|
+
},
|
|
21
11
|
};
|
|
22
|
-
export
|
|
23
|
-
render:
|
|
24
|
-
return
|
|
25
|
-
|
|
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
|
-
}
|
|
12
|
+
export const ErrorStory = {
|
|
13
|
+
render: () => {
|
|
14
|
+
return (_jsxs(Alert, { variant: "error", children: [_jsx(AlertIcon, { variant: "error" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is made by Bill Gates" })] }));
|
|
15
|
+
},
|
|
39
16
|
};
|
|
40
|
-
export
|
|
41
|
-
render:
|
|
42
|
-
return
|
|
43
|
-
|
|
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
|
-
}
|
|
17
|
+
export const WarningStory = {
|
|
18
|
+
render: () => {
|
|
19
|
+
return (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertIcon, { variant: "warning" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is prospered by Tim Cook." })] }));
|
|
20
|
+
},
|
|
57
21
|
};
|
|
22
|
+
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1,39 +1,26 @@
|
|
|
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
|
-
|
|
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
|
-
});
|
|
4
|
+
const LoadingAnimation = ({ colorScheme = 'default' }) => {
|
|
5
|
+
return (_jsxs(Stack, { className: "flex justify-center items-center", children: [_jsxs("div", { className: "relative flex gap-1", children: [[0, 1, 2, 3].map((index) => (_jsx("div", { className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50') }, `static-${index}`))), _jsx("div", { className: "absolute top-0 left-0 flex items-center", style: {
|
|
6
|
+
animation: 'dotAnimation 3s infinite',
|
|
7
|
+
}, children: _jsx("div", { className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white') }) })] }), _jsx("style", { children: `
|
|
8
|
+
@keyframes dotAnimation {
|
|
9
|
+
0% { transform: translateX(0); width: 10px; }
|
|
10
|
+
9% { transform: translateX(0); width: 24px; }
|
|
11
|
+
17.5% { transform: translateX(14px); width: 10px; }
|
|
12
|
+
25% { transform: translateX(14px); width: 24px; }
|
|
13
|
+
35% { transform: translateX(28px); width: 10px; }
|
|
14
|
+
42.5% { transform: translateX(28px); width: 24px; }
|
|
15
|
+
50% { transform: translateX(42px); width: 10px; }
|
|
16
|
+
59% { transform: translateX(28px); width: 24px; }
|
|
17
|
+
67.5% { transform: translateX(28px); width: 10px; }
|
|
18
|
+
75% { transform: translateX(14px); width: 24px; }
|
|
19
|
+
85% { transform: translateX(14px); width: 10px; }
|
|
20
|
+
92.5% { transform: translateX(0px); width: 24px; }
|
|
21
|
+
100% { transform: translateX(0); width: 10px; }
|
|
22
|
+
}
|
|
23
|
+
` })] }));
|
|
38
24
|
};
|
|
39
25
|
export default LoadingAnimation;
|
|
26
|
+
//# sourceMappingURL=LoadingAnimation.js.map
|
package/dist/badge/Badge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
import type * as React from 'react';
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
colorScheme?: "info" | "warning" | "success" | "accent" | null | undefined;
|
|
4
|
+
colorScheme?: "error" | "info" | "warning" | "success" | "accent" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAKnC,QAAA,MAAM,aAAa;;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAKnC,QAAA,MAAM,aAAa;;8EAalB,CAAA;AAED,MAAM,WAAW,UAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CASxE;AAED,eAAe,KAAK,CAAA"}
|