@driveflux/beam 3.0.10 → 3.0.11
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 +133 -7
- package/dist/accordion/Accordion.stories.js +31 -11
- package/dist/alert/Alert.js +120 -19
- package/dist/alert/Alert.stories.js +50 -15
- package/dist/animations/LoadingAnimation.js +34 -21
- package/dist/badge/Badge.js +96 -7
- package/dist/badge/Badge.stories.js +28 -7
- package/dist/box/Box.js +87 -3
- package/dist/box/Box.stories.js +8 -7
- package/dist/breadcrumbs/Breadcrumbs.js +288 -28
- package/dist/breadcrumbs/Breadcrumbs.stories.js +51 -27
- package/dist/button/Button.js +127 -13
- package/dist/button/Button.stories.js +35 -7
- package/dist/button/TextButton.js +104 -9
- package/dist/card/Card.js +109 -7
- package/dist/card/Card.stories.js +10 -7
- package/dist/carousel/Carousel.js +281 -58
- package/dist/carousel/Carousel.stories.js +39 -7
- package/dist/carousel/CarouselButton.js +68 -7
- package/dist/center/Center.js +63 -3
- package/dist/center/Center.stories.js +19 -7
- package/dist/checkbox/Checkbox.js +124 -4
- package/dist/checkbox/Checkbox.stories.js +10 -8
- package/dist/chip/Chip.js +104 -3
- package/dist/chip/Chip.stories.js +19 -7
- package/dist/circular-progress/CircularProgress.js +150 -11
- package/dist/circular-progress/CircularProgress.stories.js +54 -14
- package/dist/command/command.js +170 -13
- package/dist/datepicker/DatePicker.js +234 -90
- package/dist/datepicker/DatePicker.stories.js +163 -58
- package/dist/datepicker/DatePickerDrawer.js +116 -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 +180 -33
- package/dist/divider/Divider.js +63 -3
- package/dist/divider/Divider.stories.js +13 -7
- package/dist/drawer/index.js +157 -12
- package/dist/dropdown/Dropdown.js +212 -26
- package/dist/dropdown/Dropdown.stories.js +109 -22
- package/dist/field-wrapper/FieldWrapper.js +139 -3
- package/dist/field-wrapper/FieldWrapper.stories.js +124 -28
- package/dist/flex/Flex.js +63 -3
- package/dist/flex/Flex.stories.js +19 -7
- package/dist/grid/Grid.js +63 -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 +63 -3
- package/dist/hstack/HStack.stories.js +19 -7
- package/dist/icons/FluxLogo.js +213 -9
- package/dist/icons/FluxLogoTable.js +109 -5
- package/dist/icons/Icon.js +108 -7
- package/dist/icons/Icon.stories.js +12 -7
- package/dist/icons/Icon24Hours.js +83 -5
- package/dist/icons/IconAcceleration.js +72 -4
- package/dist/icons/IconAccount.js +72 -4
- package/dist/icons/IconApplicant.js +78 -5
- package/dist/icons/IconArrow.js +78 -6
- package/dist/icons/IconArrowBack.js +72 -4
- package/dist/icons/IconArrowForward.js +72 -4
- package/dist/icons/IconArrowTopLeft.js +70 -4
- package/dist/icons/IconBluesharkProductGuide.js +80 -5
- package/dist/icons/IconBolt.js +72 -4
- package/dist/icons/IconBriefcase.js +72 -4
- package/dist/icons/IconBulb.js +72 -4
- package/dist/icons/IconCalendar.js +72 -4
- package/dist/icons/IconCalendarArrowBack.js +72 -4
- package/dist/icons/IconCalendarArrowForward.js +72 -4
- package/dist/icons/IconCalendarDoubleArrowBack.js +72 -4
- package/dist/icons/IconCalendarDoubleArrowForward.js +72 -4
- package/dist/icons/IconCancel.js +77 -5
- package/dist/icons/IconCancelMark.js +72 -4
- package/dist/icons/IconCarSUV.js +72 -4
- package/dist/icons/IconCarSedan.js +147 -7
- package/dist/icons/IconChain.js +79 -5
- package/dist/icons/IconCheckmark.js +72 -4
- package/dist/icons/IconChevronRight.js +72 -4
- package/dist/icons/IconCircle.js +114 -11
- package/dist/icons/IconCircleCheckmark.js +77 -5
- package/dist/icons/IconCircleError.js +72 -4
- package/dist/icons/IconCircleExclamation.js +104 -6
- package/dist/icons/IconCircleMark.js +78 -5
- package/dist/icons/IconCircleOutline.js +139 -5
- package/dist/icons/IconClock.js +80 -5
- package/dist/icons/IconClose.js +72 -4
- package/dist/icons/IconCollapseAll.js +94 -5
- package/dist/icons/IconConcierge.js +79 -5
- package/dist/icons/IconConciergeService.js +87 -5
- package/dist/icons/IconCreditCard.js +78 -5
- package/dist/icons/IconDash.js +72 -4
- package/dist/icons/IconDeliver.js +72 -4
- package/dist/icons/IconDelivery.js +87 -5
- package/dist/icons/IconDetails.js +72 -4
- package/dist/icons/IconDot.js +87 -6
- package/dist/icons/IconDownload.js +79 -5
- package/dist/icons/IconEVCharging.js +79 -5
- package/dist/icons/IconElectricCarFuel.js +80 -5
- package/dist/icons/IconEllipsis.js +78 -5
- package/dist/icons/IconEnvelope.js +72 -4
- package/dist/icons/IconExpandAll.js +94 -5
- package/dist/icons/IconEye.js +79 -5
- package/dist/icons/IconFacebook.js +94 -6
- package/dist/icons/IconFilter.js +83 -5
- package/dist/icons/IconFlagMalaysia.js +141 -5
- package/dist/icons/IconGiveKey.js +79 -5
- package/dist/icons/IconGlobe.js +70 -4
- package/dist/icons/IconGoogle.js +87 -5
- package/dist/icons/IconHome.js +78 -5
- package/dist/icons/IconHostAdvertise.js +72 -4
- package/dist/icons/IconHostCar.js +75 -4
- package/dist/icons/IconHostCash.js +91 -5
- package/dist/icons/IconHostHandle.js +70 -4
- package/dist/icons/IconHostLocation.js +70 -4
- package/dist/icons/IconHostPayment.js +91 -5
- package/dist/icons/IconHostService.js +79 -5
- package/dist/icons/IconHotDeals.js +72 -4
- package/dist/icons/IconInfo.js +77 -5
- package/dist/icons/IconInstagram.js +72 -4
- package/dist/icons/IconInsurance.js +99 -5
- package/dist/icons/IconInternet.js +73 -4
- package/dist/icons/IconInventory.js +78 -5
- package/dist/icons/IconLaurel.js +101 -5
- package/dist/icons/IconLinkedIn.js +72 -4
- package/dist/icons/IconLoading.js +78 -4
- package/dist/icons/IconLocation.js +80 -5
- package/dist/icons/IconLock.js +73 -4
- package/dist/icons/IconLogistics.js +72 -4
- package/dist/icons/IconMail.js +94 -5
- package/dist/icons/IconMember.js +78 -5
- package/dist/icons/IconMobilePen.js +83 -5
- package/dist/icons/IconMotorcycleMoped.js +78 -5
- package/dist/icons/IconNoCost.js +92 -5
- package/dist/icons/IconPDF.js +80 -5
- package/dist/icons/IconPencil.js +70 -4
- package/dist/icons/IconPhone.js +70 -4
- package/dist/icons/IconPlus.js +72 -4
- package/dist/icons/IconPricing.js +72 -4
- package/dist/icons/IconProtected.js +71 -4
- package/dist/icons/IconPsychology.js +72 -4
- package/dist/icons/IconQuestionTooltip.js +73 -4
- package/dist/icons/IconQuote.js +72 -4
- package/dist/icons/IconRate.js +71 -4
- package/dist/icons/IconRegister.js +99 -5
- package/dist/icons/IconReport.js +89 -6
- package/dist/icons/IconReturn.js +72 -4
- package/dist/icons/IconSearch.js +70 -4
- package/dist/icons/IconSecure.js +71 -4
- package/dist/icons/IconSecurity.js +73 -4
- package/dist/icons/IconSedanOutline.js +159 -5
- package/dist/icons/IconSelectArrow.js +78 -6
- package/dist/icons/IconSort.js +79 -5
- package/dist/icons/IconSortListed.js +95 -5
- package/dist/icons/IconSortPriceAscending.js +83 -5
- package/dist/icons/IconSortPriceDescending.js +83 -5
- package/dist/icons/IconSortYear.js +79 -5
- package/dist/icons/IconSpan.js +71 -4
- package/dist/icons/IconSpeaker.js +79 -4
- package/dist/icons/IconSpecialCar.js +95 -5
- package/dist/icons/IconStar.js +92 -7
- package/dist/icons/IconStockPhoto.js +95 -5
- package/dist/icons/IconSubscription.js +113 -6
- package/dist/icons/IconSubscriptions.js +113 -6
- package/dist/icons/IconSwap.js +79 -5
- package/dist/icons/IconTax.js +72 -4
- package/dist/icons/IconThinArrow.js +78 -6
- package/dist/icons/IconThumbsdown.js +78 -5
- package/dist/icons/IconThumbsup.js +78 -5
- package/dist/icons/IconTool.js +72 -4
- package/dist/icons/IconTooltip.js +73 -4
- package/dist/icons/IconTrash.js +72 -4
- package/dist/icons/IconTriangleExclamation.js +72 -4
- package/dist/icons/IconTyersBrakes.js +83 -5
- package/dist/icons/IconTyre.js +83 -5
- package/dist/icons/IconVacancy.js +78 -5
- package/dist/icons/IconVolunteer.js +72 -4
- package/dist/icons/IconWhatsapp.js +73 -4
- package/dist/icons/IconXPlatform.js +72 -4
- package/dist/icons/IconZeroEffort.js +77 -5
- package/dist/icons/Logo.js +99 -3
- package/dist/input/Input.js +125 -11
- package/dist/input/Input.stories.js +17 -18
- package/dist/input-mask/InputMask.js +149 -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 +357 -68
- package/dist/input-select/InputSelect.stories.js +98 -25
- package/dist/popover/popover.js +72 -4
- package/dist/progress/Progress.js +96 -2
- package/dist/progress/Progress.stories.js +13 -14
- package/dist/radio/Radio.js +163 -4
- package/dist/scroll-area/scroll-area.js +113 -5
- package/dist/search-input-select/SearchInputSelect.js +346 -69
- package/dist/select/Select.js +315 -29
- package/dist/select/Select.stories.js +55 -19
- package/dist/skeleton/Skeleton.js +62 -3
- package/dist/skeleton/Skeleton.stories.js +8 -7
- package/dist/slider/Slider.js +106 -5
- package/dist/slider/Slider.stories.js +12 -11
- package/dist/stack/Stack.js +63 -3
- package/dist/stack/Stack.stories.js +19 -7
- package/dist/table/Table.js +131 -10
- package/dist/table/Table.stories.js +84 -8
- package/dist/tabs/Tabs.js +128 -9
- package/dist/tabs/Tabs.stories.js +46 -13
- package/dist/text/Text.js +88 -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 +116 -7
- package/dist/toggle/Toggle.stories.js +10 -8
- package/dist/tooltip/Tooltip.js +151 -12
- package/dist/tooltip/Tooltip.stories.js +71 -13
- package/dist/utils.js +4 -2
- package/dist/vstack/VStack.js +63 -3
- package/dist/vstack/VStack.stories.js +19 -7
- package/package.json +1 -1
|
@@ -1,17 +1,143 @@
|
|
|
1
|
-
|
|
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 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";
|
|
2
81
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
82
|
import * as React from 'react';
|
|
4
83
|
import IconDash from '../icons/IconDash';
|
|
5
84
|
import IconPlus from '../icons/IconPlus';
|
|
6
85
|
import { cn } from '../utils';
|
|
7
|
-
|
|
8
|
-
|
|
86
|
+
var Accordion = AccordionPrimitive.Root;
|
|
87
|
+
var AccordionItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
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
|
+
});
|
|
9
96
|
AccordionItem.displayName = 'AccordionItem';
|
|
10
|
-
|
|
11
|
-
|
|
97
|
+
var AccordionTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
98
|
+
var className = _param.className, children = _param.children, _param_showIcons = _param.showIcons, showIcons = _param_showIcons === void 0 ? true : _param_showIcons, props = _object_without_properties(_param, [
|
|
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
|
+
});
|
|
12
126
|
});
|
|
13
127
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
14
|
-
|
|
128
|
+
var AccordionContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
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
|
+
});
|
|
15
142
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
16
143
|
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(_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,145 @@
|
|
|
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
|
+
}
|
|
1
56
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
57
|
import { cva } from 'class-variance-authority';
|
|
3
58
|
import * as React from 'react';
|
|
4
59
|
import IconInfo from '../icons/IconInfo';
|
|
5
60
|
import { cn } from '../utils';
|
|
6
|
-
|
|
61
|
+
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
62
|
variants: {
|
|
8
63
|
variant: {
|
|
9
64
|
default: 'bg-primary1 text-black',
|
|
10
65
|
error: 'bg-danger/30 [&>svg]:text-danger',
|
|
11
|
-
warning: 'bg-warning4/30 [&>svg]:text-warning4'
|
|
12
|
-
}
|
|
66
|
+
warning: 'bg-warning4/30 [&>svg]:text-warning4'
|
|
67
|
+
}
|
|
13
68
|
},
|
|
14
69
|
defaultVariants: {
|
|
15
|
-
variant: 'default'
|
|
16
|
-
}
|
|
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));
|
|
17
85
|
});
|
|
18
|
-
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
|
|
19
86
|
Alert.displayName = 'Alert';
|
|
20
|
-
|
|
87
|
+
var AlertIcon = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
88
|
+
var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
|
|
89
|
+
"className",
|
|
90
|
+
"variant"
|
|
91
|
+
]);
|
|
21
92
|
if (!variant) {
|
|
22
|
-
return _jsx(IconInfo, {
|
|
93
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
94
|
+
ref: ref
|
|
95
|
+
}, props));
|
|
23
96
|
}
|
|
24
|
-
switch
|
|
97
|
+
switch(variant){
|
|
25
98
|
case 'error':
|
|
26
|
-
return
|
|
99
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
100
|
+
ref: ref,
|
|
101
|
+
variant: 'filled',
|
|
102
|
+
className: cn('text-danger', className)
|
|
103
|
+
}, props));
|
|
27
104
|
case 'warning':
|
|
28
|
-
return
|
|
105
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
106
|
+
ref: ref,
|
|
107
|
+
variant: 'filled',
|
|
108
|
+
className: cn('text-warning4', className)
|
|
109
|
+
}, props));
|
|
29
110
|
case 'default':
|
|
30
|
-
return _jsx(IconInfo, {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
111
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
112
|
+
ref: ref
|
|
113
|
+
}, props));
|
|
114
|
+
default:
|
|
115
|
+
{
|
|
116
|
+
var _exhaustiveCheck = variant;
|
|
117
|
+
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
118
|
+
ref: ref
|
|
119
|
+
}, props));
|
|
120
|
+
}
|
|
35
121
|
}
|
|
36
122
|
});
|
|
37
123
|
AlertIcon.displayName = 'AlertIcon';
|
|
38
|
-
|
|
124
|
+
var AlertTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
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
|
+
});
|
|
39
133
|
AlertTitle.displayName = 'AlertTitle';
|
|
40
|
-
|
|
134
|
+
var AlertDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
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
|
+
});
|
|
41
143
|
AlertDescription.displayName = 'AlertDescription';
|
|
42
144
|
export default Alert;
|
|
43
145
|
export { AlertTitle, AlertDescription, AlertIcon };
|
|
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() {
|
|
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() {
|
|
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() {
|
|
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(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
|
package/dist/badge/Badge.js
CHANGED
|
@@ -1,20 +1,109 @@
|
|
|
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 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
|
+
}
|
|
1
80
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
81
|
import { cva } from 'class-variance-authority';
|
|
3
82
|
import Box from '../box/Box';
|
|
4
83
|
import { cn } from '../utils';
|
|
5
|
-
|
|
84
|
+
var badgeVariants = cva('inline-flex text-white w-max h-5 px-2 py-2 font-medium text-xs tracking-[0.5px] leading-[18px] uppercase bg-black rounded-sm', {
|
|
6
85
|
variants: {
|
|
7
86
|
colorScheme: {
|
|
8
87
|
success: 'bg-success4',
|
|
9
88
|
accent: 'bg-accent4',
|
|
10
89
|
error: 'bg-accent4',
|
|
11
90
|
warning: 'bg-warning4',
|
|
12
|
-
info: 'bg-links'
|
|
13
|
-
}
|
|
14
|
-
}
|
|
91
|
+
info: 'bg-links'
|
|
92
|
+
}
|
|
93
|
+
}
|
|
15
94
|
});
|
|
16
|
-
function Badge(
|
|
17
|
-
|
|
95
|
+
function Badge(_param) {
|
|
96
|
+
var className = _param.className, colorScheme = _param.colorScheme, children = _param.children, props = _object_without_properties(_param, [
|
|
97
|
+
"className",
|
|
98
|
+
"colorScheme",
|
|
99
|
+
"children"
|
|
100
|
+
]);
|
|
101
|
+
return /*#__PURE__*/ _jsx(Box, _object_spread_props(_object_spread({
|
|
102
|
+
className: cn(badgeVariants({
|
|
103
|
+
colorScheme: colorScheme
|
|
104
|
+
}), 'items-center', className)
|
|
105
|
+
}, props), {
|
|
106
|
+
children: children
|
|
107
|
+
}));
|
|
18
108
|
}
|
|
19
109
|
export default Badge;
|
|
20
|
-
//# sourceMappingURL=Badge.js.map
|