@driveflux/beam 3.0.9 → 3.0.10
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.js +19 -120
- package/dist/alert/Alert.stories.js +15 -50
- package/dist/animations/LoadingAnimation.js +21 -34
- package/dist/badge/Badge.js +7 -96
- 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.js +16 -128
- package/dist/button/Button.js.map +1 -1
- package/dist/button/Button.stories.js +7 -35
- package/dist/button/TextButton.js +11 -106
- package/dist/button/TextButton.js.map +1 -1
- 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.js +13 -170
- package/dist/datepicker/DatePicker.js +90 -234
- package/dist/datepicker/DatePicker.stories.js +58 -163
- package/dist/datepicker/DatePickerDrawer.js +17 -116
- package/dist/datepicker/DatePickerPopover.js +35 -208
- package/dist/datepicker/constants.js +4 -3
- package/dist/datepicker/utils.js +11 -4
- package/dist/dialog/index.js +33 -180
- 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.js.map +1 -1
- package/dist/text/Text.stories.js +7 -44
- package/dist/toast/Toast.stories.js +14 -66
- package/dist/toast/ToastBox.js +29 -77
- 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
package/dist/button/Button.js
CHANGED
|
@@ -1,144 +1,32 @@
|
|
|
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 { Slot } from '@radix-ui/react-slot';
|
|
82
3
|
import { cva } from 'class-variance-authority';
|
|
83
4
|
import * as React from 'react';
|
|
84
|
-
import LoadingAnimation from '../animations/LoadingAnimation
|
|
85
|
-
import Box from '../box/Box
|
|
86
|
-
import HStack from '../hstack/HStack
|
|
87
|
-
import { cn } from '../utils
|
|
88
|
-
|
|
5
|
+
import LoadingAnimation from '../animations/LoadingAnimation';
|
|
6
|
+
import Box from '../box/Box';
|
|
7
|
+
import HStack from '../hstack/HStack';
|
|
8
|
+
import { cn } from '../utils';
|
|
9
|
+
const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
|
|
89
10
|
variants: {
|
|
90
11
|
variant: {
|
|
91
12
|
outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
|
|
92
|
-
'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
|
|
13
|
+
'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
|
|
93
14
|
},
|
|
94
15
|
colorScheme: {
|
|
95
16
|
default: 'bg-black',
|
|
96
17
|
accent: 'bg-accent-500 hover:bg-accent4',
|
|
97
18
|
link: 'bg-links hover:bg-links2',
|
|
98
19
|
warning: 'bg-warning4 hover:bg-warning-500',
|
|
99
|
-
success: 'bg-success-200 hover:bg-success4'
|
|
100
|
-
}
|
|
101
|
-
}
|
|
20
|
+
success: 'bg-success-200 hover:bg-success4',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
102
23
|
});
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
"asChild",
|
|
109
|
-
"leftIcon",
|
|
110
|
-
"rightIcon",
|
|
111
|
-
"isDisabled",
|
|
112
|
-
"isLoading",
|
|
113
|
-
"children"
|
|
114
|
-
]);
|
|
115
|
-
var Comp = asChild ? Slot : 'button';
|
|
116
|
-
return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
|
|
117
|
-
className: cn('min-w-32 rounded-lg', buttonVariants({
|
|
118
|
-
variant: variant,
|
|
119
|
-
colorScheme: colorScheme,
|
|
120
|
-
className: className
|
|
121
|
-
}), isLoading ? 'disabled:opacity-100!' : ''),
|
|
122
|
-
ref: ref,
|
|
123
|
-
disabled: isDisabled || isLoading
|
|
124
|
-
}, props), {
|
|
125
|
-
children: /*#__PURE__*/ _jsx(HStack, {
|
|
126
|
-
className: 'gap-2 items-center',
|
|
127
|
-
children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
|
|
128
|
-
colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
|
|
129
|
-
}) : /*#__PURE__*/ _jsxs(_Fragment, {
|
|
130
|
-
children: [
|
|
131
|
-
leftIcon && /*#__PURE__*/ _jsx(Box, {
|
|
132
|
-
children: leftIcon
|
|
133
|
-
}),
|
|
134
|
-
children,
|
|
135
|
-
rightIcon && /*#__PURE__*/ _jsx(Box, {
|
|
136
|
-
children: rightIcon
|
|
137
|
-
})
|
|
138
|
-
]
|
|
139
|
-
})
|
|
140
|
-
})
|
|
141
|
-
}));
|
|
24
|
+
const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
|
|
25
|
+
const Comp = asChild ? Slot : 'button';
|
|
26
|
+
return (_jsx(Comp, { className: cn('min-w-32 rounded-lg', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
|
|
27
|
+
? 'default'
|
|
28
|
+
: 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), children, rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
|
|
142
29
|
});
|
|
143
30
|
Button.displayName = 'Button';
|
|
144
31
|
export default Button;
|
|
32
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,GAAG,MAAM,YAAY,CAAA;AAC5B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,cAAc,GAAG,GAAG,CACzB,6OAA6O,EAC7O;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,yEAAyE;YAC1E,eAAe,EACd,+EAA+E;SAChF;QACD,WAAW,EAAE;YACZ,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,gCAAgC;YACxC,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;SAC3C;KACD;CACD,CACD,CAAA;AAYD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC9B,CACC,EACC,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CACZ,qBAAqB,EACrB,cAAc,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EACnD,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,IAAI,SAAS,KAC7B,KAAK,YAET,KAAC,MAAM,IAAC,SAAS,EAAE,oBAAoB,YACrC,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAChB,WAAW,EACV,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS;oBACrD,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,OAAO,GAEV,CACF,CAAC,CAAC,CAAC,CACH,8BACE,QAAQ,IAAI,KAAC,GAAG,cAAE,QAAQ,GAAO,EACjC,QAAQ,EACR,SAAS,IAAI,KAAC,GAAG,cAAE,SAAS,GAAO,IAClC,CACH,GACO,GACH,CACP,CAAA;AACF,CAAC,CACD,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
|
|
@@ -2,41 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import HStack from '../hstack/HStack.js';
|
|
3
3
|
import IconPlus from '../icons/IconPlus.js';
|
|
4
4
|
import Button from './Button.js';
|
|
5
|
-
|
|
6
|
-
component: Button
|
|
5
|
+
const meta = {
|
|
6
|
+
component: Button,
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
9
|
-
export
|
|
10
|
-
render:
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
14
|
-
variant: "outline",
|
|
15
|
-
leftIcon: /*#__PURE__*/ _jsx(IconPlus, {
|
|
16
|
-
size: 16
|
|
17
|
-
}),
|
|
18
|
-
children: "add payment method"
|
|
19
|
-
}),
|
|
20
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
21
|
-
colorScheme: 'link',
|
|
22
|
-
children: "add"
|
|
23
|
-
}),
|
|
24
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
25
|
-
colorScheme: 'warning',
|
|
26
|
-
children: "add"
|
|
27
|
-
}),
|
|
28
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
29
|
-
colorScheme: 'accent',
|
|
30
|
-
children: "add"
|
|
31
|
-
}),
|
|
32
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
33
|
-
colorScheme: 'success',
|
|
34
|
-
children: "add"
|
|
35
|
-
}),
|
|
36
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
37
|
-
children: "dd"
|
|
38
|
-
})
|
|
39
|
-
]
|
|
40
|
-
});
|
|
41
|
-
}
|
|
9
|
+
export const ButtonTest = {
|
|
10
|
+
render: () => {
|
|
11
|
+
return (_jsxs(HStack, { children: [_jsx(Button, { variant: "outline", leftIcon: _jsx(IconPlus, { size: 16 }), children: "add payment method" }), _jsx(Button, { colorScheme: 'link', children: "add" }), _jsx(Button, { colorScheme: 'warning', children: "add" }), _jsx(Button, { colorScheme: 'accent', children: "add" }), _jsx(Button, { colorScheme: 'success', children: "add" }), _jsx(Button, { children: "dd" })] }));
|
|
12
|
+
},
|
|
42
13
|
};
|
|
14
|
+
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1,119 +1,24 @@
|
|
|
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
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
81
2
|
import { Slot } from '@radix-ui/react-slot';
|
|
82
3
|
import { cva } from 'class-variance-authority';
|
|
83
4
|
import * as React from 'react';
|
|
84
|
-
import LoadingAnimation from '../animations/LoadingAnimation
|
|
85
|
-
import { cn } from '../utils
|
|
86
|
-
|
|
5
|
+
import LoadingAnimation from '../animations/LoadingAnimation';
|
|
6
|
+
import { cn } from '../utils';
|
|
7
|
+
const textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
|
|
87
8
|
variants: {
|
|
88
9
|
variant: {
|
|
89
10
|
default: 'text-inherit',
|
|
90
|
-
link: 'text-links hover:text-[var(--color-links2)]'
|
|
91
|
-
}
|
|
11
|
+
link: 'text-links hover:text-[var(--color-links2)]',
|
|
12
|
+
},
|
|
92
13
|
},
|
|
93
14
|
defaultVariants: {
|
|
94
|
-
variant: 'default'
|
|
95
|
-
}
|
|
15
|
+
variant: 'default',
|
|
16
|
+
},
|
|
96
17
|
});
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
"variant",
|
|
101
|
-
"asChild",
|
|
102
|
-
"isDisabled",
|
|
103
|
-
"isLoading",
|
|
104
|
-
"children"
|
|
105
|
-
]);
|
|
106
|
-
var Comp = asChild ? Slot : 'button';
|
|
107
|
-
return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
|
|
108
|
-
className: cn(textButtonVariants({
|
|
109
|
-
variant: variant,
|
|
110
|
-
className: className
|
|
111
|
-
})),
|
|
112
|
-
ref: ref,
|
|
113
|
-
disabled: isDisabled || isLoading
|
|
114
|
-
}, props), {
|
|
115
|
-
children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {}) : children
|
|
116
|
-
}));
|
|
18
|
+
const TextButton = React.forwardRef(({ className, variant, asChild = false, isDisabled, isLoading, children, ...props }, ref) => {
|
|
19
|
+
const Comp = asChild ? Slot : 'button';
|
|
20
|
+
return (_jsx(Comp, { className: cn(textButtonVariants({ variant, className })), ref: ref, disabled: isDisabled || isLoading, ...props, children: isLoading ? _jsx(LoadingAnimation, {}) : children }));
|
|
117
21
|
});
|
|
118
22
|
TextButton.displayName = 'TextButton';
|
|
119
23
|
export default TextButton;
|
|
24
|
+
//# sourceMappingURL=TextButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/button/TextButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/button/TextButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,kBAAkB,GAAG,GAAG,CAC7B,mIAAmI,EACnI;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,6CAA6C;SACnD;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AAUD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CACC,EACC,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,EACf,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,IAAI,SAAS,KAC7B,KAAK,YAER,SAAS,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,QAAQ,GACtC,CACP,CAAA;AACF,CAAC,CACD,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/dist/card/Card.js
CHANGED
|
@@ -1,118 +1,16 @@
|
|
|
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 * as React from 'react';
|
|
58
3
|
import { cn } from '../utils';
|
|
59
|
-
export
|
|
60
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
61
|
-
"className"
|
|
62
|
-
]);
|
|
63
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
64
|
-
ref: ref,
|
|
65
|
-
className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className)
|
|
66
|
-
}, props));
|
|
67
|
-
});
|
|
4
|
+
export const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className), ...props })));
|
|
68
5
|
Card.displayName = 'Card';
|
|
69
|
-
export
|
|
70
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
71
|
-
"className"
|
|
72
|
-
]);
|
|
73
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
74
|
-
ref: ref,
|
|
75
|
-
className: cn('flex flex-col space-y-1.5 p-6', className)
|
|
76
|
-
}, props));
|
|
77
|
-
});
|
|
6
|
+
export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
|
|
78
7
|
CardHeader.displayName = 'CardHeader';
|
|
79
|
-
export
|
|
80
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
81
|
-
"className"
|
|
82
|
-
]);
|
|
83
|
-
return /*#__PURE__*/ _jsx("h3", _object_spread({
|
|
84
|
-
ref: ref,
|
|
85
|
-
className: cn('text-2xl font-semibold leading-none tracking-tight', className)
|
|
86
|
-
}, props));
|
|
87
|
-
});
|
|
8
|
+
export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
|
|
88
9
|
CardTitle.displayName = 'CardTitle';
|
|
89
|
-
export
|
|
90
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
91
|
-
"className"
|
|
92
|
-
]);
|
|
93
|
-
return /*#__PURE__*/ _jsx("p", _object_spread({
|
|
94
|
-
ref: ref,
|
|
95
|
-
className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
|
|
96
|
-
}, props));
|
|
97
|
-
});
|
|
10
|
+
export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
|
|
98
11
|
CardDescription.displayName = 'CardDescription';
|
|
99
|
-
export
|
|
100
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
101
|
-
"className"
|
|
102
|
-
]);
|
|
103
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
104
|
-
ref: ref,
|
|
105
|
-
className: className
|
|
106
|
-
}, props));
|
|
107
|
-
});
|
|
12
|
+
export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
|
|
108
13
|
CardContent.displayName = 'CardContent';
|
|
109
|
-
export
|
|
110
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
111
|
-
"className"
|
|
112
|
-
]);
|
|
113
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
114
|
-
ref: ref,
|
|
115
|
-
className: cn('flex items-center', className)
|
|
116
|
-
}, props));
|
|
117
|
-
});
|
|
14
|
+
export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
|
|
118
15
|
CardFooter.displayName = 'CardFooter';
|
|
16
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Card, CardContent } from './Card';
|
|
3
|
-
|
|
4
|
-
component: Card
|
|
3
|
+
const meta = {
|
|
4
|
+
component: Card,
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
export
|
|
8
|
-
render:
|
|
9
|
-
return
|
|
10
|
-
|
|
11
|
-
children: "hello"
|
|
12
|
-
})
|
|
13
|
-
});
|
|
14
|
-
}
|
|
7
|
+
export const FirstStory = {
|
|
8
|
+
render: () => {
|
|
9
|
+
return (_jsx(Card, { children: _jsx(CardContent, { children: "hello" }) }));
|
|
10
|
+
},
|
|
15
11
|
};
|
|
12
|
+
//# sourceMappingURL=Card.stories.js.map
|