@a-type/ui 2.0.5 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/avatar/AvatarList.d.ts +2 -1
- package/dist/cjs/components/avatar/AvatarList.js +3 -3
- package/dist/cjs/components/avatar/AvatarList.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.js +9 -9
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.d.ts +15 -1
- package/dist/cjs/components/forms/FormikForm.js +17 -3
- package/dist/cjs/components/forms/FormikForm.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.stories.d.ts +12 -1
- package/dist/cjs/components/forms/TextField.d.ts +4 -2
- package/dist/cjs/components/forms/TextField.js +4 -4
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +6 -3
- package/dist/cjs/components/tooltip/Tooltip.js +8 -4
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +7 -3
- package/dist/cjs/components/tooltip/Tooltip.stories.js +14 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.js.map +1 -1
- package/dist/css/main.css +2 -2
- package/dist/esm/components/avatar/AvatarList.d.ts +2 -1
- package/dist/esm/components/avatar/AvatarList.js +4 -4
- package/dist/esm/components/avatar/AvatarList.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.js +9 -9
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.d.ts +15 -1
- package/dist/esm/components/forms/FormikForm.js +14 -2
- package/dist/esm/components/forms/FormikForm.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.stories.d.ts +12 -1
- package/dist/esm/components/forms/TextField.d.ts +4 -2
- package/dist/esm/components/forms/TextField.js +4 -4
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +6 -3
- package/dist/esm/components/tooltip/Tooltip.js +8 -4
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +7 -3
- package/dist/esm/components/tooltip/Tooltip.stories.js +13 -0
- package/dist/esm/components/tooltip/Tooltip.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/avatar/AvatarList.tsx +8 -3
- package/src/components/dialog/Dialog.tsx +13 -13
- package/src/components/forms/FormikForm.tsx +45 -31
- package/src/components/forms/TextField.tsx +6 -0
- package/src/components/tooltip/Tooltip.stories.tsx +28 -0
- package/src/components/tooltip/Tooltip.tsx +27 -4
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { AvatarProps } from './Avatar.js';
|
|
3
|
-
export declare function AvatarListRoot({ children, count, size, }: {
|
|
3
|
+
export declare function AvatarListRoot({ children, count, size, className, }: {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
count: number;
|
|
6
6
|
size?: number;
|
|
7
|
+
className?: string;
|
|
7
8
|
}): import("react/jsx-runtime.js").JSX.Element;
|
|
8
9
|
export declare function AvatarListItemRoot({ index, children, className, }: {
|
|
9
10
|
index: number;
|
|
@@ -26,13 +26,13 @@ const Avatar_js_1 = require("./Avatar.js");
|
|
|
26
26
|
const AvatarListContext = (0, react_1.createContext)({
|
|
27
27
|
size: 24,
|
|
28
28
|
});
|
|
29
|
-
function AvatarListRoot({ children, count, size = 24, }) {
|
|
29
|
+
function AvatarListRoot({ children, count, size = 24, className, }) {
|
|
30
30
|
const width = count > 0 ? size + (count - 1) * ((size * 2) / 3) : 0;
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(AvatarListContext.Provider, { value: { size }, children: (0, jsx_runtime_1.jsx)("div", { className:
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(AvatarListContext.Provider, { value: { size }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:relative layer-components:flex-basis-auto', className), style: { width, minWidth: width, height: size }, children: children }) }));
|
|
32
32
|
}
|
|
33
33
|
function AvatarListItemRoot({ index, children, className, }) {
|
|
34
34
|
const { size } = (0, react_1.useContext)(AvatarListContext);
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('absolute', className), style: {
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:absolute', className), style: {
|
|
36
36
|
left: index === 0 ? 0 : index * ((size * 2) / 3),
|
|
37
37
|
zIndex: index,
|
|
38
38
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,
|
|
1
|
+
{"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,wCA0BC;AAED,gDAsBC;AAED,wCAeC;;AA3ED,gDAAwB;AACxB,iCAA6D;AAC7D,2CAAkD;AAElD,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAmB;IACzD,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,SAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAMT;IACA,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACN,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,gCACC,SAAS,EAAE,IAAA,cAAI,EACd,6CAA6C,EAC7C,SAAS,CACT,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAE9C,QAAQ,GACJ,GACsB,CAC7B,CAAC;AACH,CAAC;AAED,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,GAKT;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAI,EAAC,2BAA2B,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE;YACN,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,CAAC;SACN,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAQhB;QARgB,EAC9B,KAAK,EACL,SAAS,OAMK,EALX,IAAI,cAHuB,sBAI9B,CADO;IAMP,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,uBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACrD,uBAAC,kBAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,IAAI,EAAI,GACtC,CACrB,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC,CAAC"}
|
|
@@ -118,9 +118,9 @@ const Content = function Content(_a) {
|
|
|
118
118
|
const finalRef = (0, useMergedRef_js_1.default)(ref, openRef, gestureRef);
|
|
119
119
|
const { virtualKeyboardBehavior } = (0, Provider_js_1.useConfig)();
|
|
120
120
|
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Portal, { children: [(0, jsx_runtime_1.jsx)(StyledOverlay, {}), (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { className: (0, clsx_1.default)({
|
|
121
|
-
'md:max-w-800px': width === 'lg',
|
|
122
|
-
'max-w-600px': width === 'md',
|
|
123
|
-
'max-w-300px': width === 'sm',
|
|
121
|
+
'layer-variants:md:max-w-800px': width === 'lg',
|
|
122
|
+
'layer-variants:max-w-600px': width === 'md',
|
|
123
|
+
'layer-variants:max-w-300px': width === 'sm',
|
|
124
124
|
}, !disableSheet && sheetClassNames, !disableSheet &&
|
|
125
125
|
virtualKeyboardBehavior === 'overlay' &&
|
|
126
126
|
sheetClassNameWithOverlayKeyboard, !disableSheet &&
|
|
@@ -150,7 +150,7 @@ const DialogSwipeHandle = function DialogSwipeHandle(_a) {
|
|
|
150
150
|
axis: 'y',
|
|
151
151
|
});
|
|
152
152
|
const finalRef = (0, useMergedRef_js_1.default)(ref, innerRef);
|
|
153
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: finalRef }, props, { className: (0, clsx_1.default)('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-lg cursor-grab sm:hidden touch-none', className), children: (0, jsx_runtime_1.jsx)("div", { className: "w-full h-[4px] bg-gray rounded-lg" }) })));
|
|
153
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: finalRef }, props, { className: (0, clsx_1.default)('layer-components:absolute layer-components:top-0 layer-components:left-50% layer-components:transform-gpu layer-components:-translate-x-1/2 layer-components:w-20% layer-components:py-2 layer-components:rounded-lg layer-components:cursor-grab layer-components:sm:hidden layer-components:touch-none', className), children: (0, jsx_runtime_1.jsx)("div", { className: "layer-components:w-full layer-components:h-[4px] layer-components:bg-gray layer-components:rounded-lg" }) })));
|
|
154
154
|
};
|
|
155
155
|
exports.DialogSwipeHandle = DialogSwipeHandle;
|
|
156
156
|
function findParentDialogContent(element) {
|
|
@@ -161,8 +161,8 @@ function findParentDialogContent(element) {
|
|
|
161
161
|
return findParentDialogContent(element.parentElement);
|
|
162
162
|
}
|
|
163
163
|
const DialogCloseContext = (0, react_2.createContext)(() => { });
|
|
164
|
-
const StyledTitle = (0, withClassName_js_1.withClassName)(DialogPrimitive.Title, 'font-title color-black text-3xl mb-4 mt-0');
|
|
165
|
-
const StyledDescription = (0, withClassName_js_1.withClassName)(DialogPrimitive.Description, 'mt-3 mb-6 color-gray-dark text-md leading-6');
|
|
164
|
+
const StyledTitle = (0, withClassName_js_1.withClassName)(DialogPrimitive.Title, 'layer-components:font-title layer-components:color-black layer-components:text-3xl layer-components:mb-4 layer-components:mt-0');
|
|
165
|
+
const StyledDescription = (0, withClassName_js_1.withClassName)(DialogPrimitive.Description, 'layer-components:mt-3 layer-components:mb-6 layer-components:color-gray-dark layer-components:text-md layer-components:leading-6');
|
|
166
166
|
// Exports
|
|
167
167
|
const DialogRoot = (props) => {
|
|
168
168
|
var _a;
|
|
@@ -187,14 +187,14 @@ const DialogClose = function DialogClose(_a) {
|
|
|
187
187
|
return ((0, jsx_runtime_1.jsx)(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild === true ? children : (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: children !== null && children !== void 0 ? children : 'Close' }) })));
|
|
188
188
|
};
|
|
189
189
|
exports.DialogClose = DialogClose;
|
|
190
|
-
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'flex justify-end sticky w-full gap-3 items-center bg-
|
|
190
|
+
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'layer-components:flex layer-components:justify-end layer-components:sticky layer-components:w-full layer-components:gap-3 layer-components:items-center layer-components:bg-inherit layer-components:py-4 layer-components:translate-y-6 layer-components:flex-wrap', 'layer-components:bottom--6', 'layer-components:sm:bottom-0');
|
|
191
191
|
const DialogSelectTrigger = function DialogSelectTrigger(_a) {
|
|
192
192
|
var { ref, children, className } = _a, props = __rest(_a, ["ref", "children", "className"]);
|
|
193
193
|
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Trigger, Object.assign({ className: (0, clsx_1.default)(index_js_3.selectTriggerClassName, className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", { children: children }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {})] })));
|
|
194
194
|
};
|
|
195
195
|
exports.DialogSelectTrigger = DialogSelectTrigger;
|
|
196
|
-
exports.DialogSelectList = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Root, 'flex flex-col gap-2 overflow-y-auto p-2');
|
|
197
|
-
exports.DialogSelectItemRoot = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:bg-primary-wash [&[data-state=checked]]:text-primary-dark');
|
|
196
|
+
exports.DialogSelectList = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Root, 'layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:overflow-y-auto layer-components:p-2');
|
|
197
|
+
exports.DialogSelectItemRoot = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Item, 'layer-components:flex layer-components:items-center layer-components:gap-3 layer-components:w-full layer-components:py-3 layer-components:px-4 layer-components:text-left layer-components:border-none layer-components:rounded-lg layer-components:font-normal layer-components:bg-transparent layer-components:[&:nth-child(2n+1)]:bg-gray-blend layer-components:cursor-pointer layer-components:transition-all', 'layer-components:[&[data-state=checked]]:bg-primary-wash layer-components:[&[data-state=checked]]:text-primary-dark');
|
|
198
198
|
const DialogSelectItem = function DialogSelectItem(_a) {
|
|
199
199
|
var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
|
|
200
200
|
return ((0, jsx_runtime_1.jsxs)(exports.DialogSelectItemRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("span", { className: "flex-1", children: children }), (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, { className: "flex-0-0-auto", children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) })] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
import { FormikConfig, FormikValues } from 'formik';
|
|
2
|
+
import { CheckboxField } from './CheckboxField.js';
|
|
3
|
+
import { NumberStepperField } from './NumberStepperField.js';
|
|
4
|
+
import { SubmitButton } from './SubmitButton.js';
|
|
5
|
+
import { TextAreaField } from './TextField.js';
|
|
2
6
|
export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
|
|
3
7
|
className?: string;
|
|
4
8
|
}
|
|
5
|
-
export
|
|
9
|
+
export { FieldArray } from 'formik';
|
|
10
|
+
export declare function FormikFormRoot<Values extends FormikValues>({ className, children, onSubmit, ...props }: FormikFormProps<Values>): import("react/jsx-runtime.js").JSX.Element;
|
|
11
|
+
export declare const FormikForm: typeof FormikFormRoot & {
|
|
12
|
+
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps & {
|
|
13
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
14
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
15
|
+
TextAreaField: typeof TextAreaField;
|
|
16
|
+
NumberStepperField: typeof NumberStepperField;
|
|
17
|
+
SubmitButton: typeof SubmitButton;
|
|
18
|
+
CheckboxField: typeof CheckboxField;
|
|
19
|
+
};
|
|
@@ -12,12 +12,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
return t;
|
|
13
13
|
};
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
exports.FormikForm =
|
|
15
|
+
exports.FormikForm = exports.FieldArray = void 0;
|
|
16
|
+
exports.FormikFormRoot = FormikFormRoot;
|
|
16
17
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
18
|
const formik_1 = require("formik");
|
|
18
|
-
const Form_js_1 = require("./Form.js");
|
|
19
19
|
const react_1 = require("react");
|
|
20
|
-
|
|
20
|
+
const CheckboxField_js_1 = require("./CheckboxField.js");
|
|
21
|
+
const Form_js_1 = require("./Form.js");
|
|
22
|
+
const NumberStepperField_js_1 = require("./NumberStepperField.js");
|
|
23
|
+
const SubmitButton_js_1 = require("./SubmitButton.js");
|
|
24
|
+
const TextField_js_1 = require("./TextField.js");
|
|
25
|
+
var formik_2 = require("formik");
|
|
26
|
+
Object.defineProperty(exports, "FieldArray", { enumerable: true, get: function () { return formik_2.FieldArray; } });
|
|
27
|
+
function FormikFormRoot(_a) {
|
|
21
28
|
var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
|
|
22
29
|
const wrappedOnSubmit = (0, react_1.useCallback)(async (values, bag) => {
|
|
23
30
|
try {
|
|
@@ -33,4 +40,11 @@ function FormikForm(_a) {
|
|
|
33
40
|
}
|
|
34
41
|
return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (0, jsx_runtime_1.jsx)(Form_js_1.Form, { className: className, children: children }) })));
|
|
35
42
|
}
|
|
43
|
+
exports.FormikForm = Object.assign(FormikFormRoot, {
|
|
44
|
+
TextField: TextField_js_1.TextField,
|
|
45
|
+
TextAreaField: TextField_js_1.TextAreaField,
|
|
46
|
+
NumberStepperField: NumberStepperField_js_1.NumberStepperField,
|
|
47
|
+
SubmitButton: SubmitButton_js_1.SubmitButton,
|
|
48
|
+
CheckboxField: CheckboxField_js_1.CheckboxField,
|
|
49
|
+
});
|
|
36
50
|
//# sourceMappingURL=FormikForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA,wCA+BC;;AA9CD,mCAA2E;AAC3E,iCAAoC;AACpC,yDAAmD;AACnD,uCAAiC;AACjC,mEAA6D;AAC7D,uDAAiD;AACjD,iDAA0D;AAO1D,iCAAoC;AAA3B,oGAAA,UAAU,OAAA;AAEnB,SAAgB,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACpC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS,EAAT,wBAAS;IACT,aAAa,EAAb,4BAAa;IACb,kBAAkB,EAAlB,0CAAkB;IAClB,YAAY,EAAZ,8BAAY;IACZ,aAAa,EAAb,gCAAa;CACb,CAAC,CAAC"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
import { FormikForm } from './FormikForm.js';
|
|
3
|
+
import { CheckboxField } from './CheckboxField.js';
|
|
4
|
+
import { SubmitButton } from './SubmitButton.js';
|
|
5
|
+
import { NumberStepperField } from './NumberStepperField.js';
|
|
3
6
|
declare const meta: {
|
|
4
7
|
title: string;
|
|
5
|
-
component: typeof FormikForm
|
|
8
|
+
component: typeof import("./FormikForm.js").FormikFormRoot & {
|
|
9
|
+
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps & {
|
|
10
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
11
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
12
|
+
TextAreaField: typeof import("./TextField.js").TextAreaField;
|
|
13
|
+
NumberStepperField: typeof NumberStepperField;
|
|
14
|
+
SubmitButton: typeof SubmitButton;
|
|
15
|
+
CheckboxField: typeof CheckboxField;
|
|
16
|
+
};
|
|
6
17
|
argTypes: {};
|
|
7
18
|
parameters: {
|
|
8
19
|
controls: {
|
|
@@ -12,8 +12,9 @@ export type TextFieldProps = {
|
|
|
12
12
|
autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
|
|
13
13
|
autoFocusDelay?: number;
|
|
14
14
|
inputRef?: Ref<HTMLInputElement>;
|
|
15
|
+
inputClassName?: string;
|
|
15
16
|
} & ComponentProps<typeof Input>;
|
|
16
|
-
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, ...rest }: TextFieldProps & {
|
|
17
|
+
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: TextFieldProps & {
|
|
17
18
|
ref?: React.Ref<HTMLDivElement>;
|
|
18
19
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
19
20
|
export type TextAreaFieldProps = {
|
|
@@ -25,7 +26,8 @@ export type TextAreaFieldProps = {
|
|
|
25
26
|
className?: string;
|
|
26
27
|
inputRef?: Ref<HTMLTextAreaElement>;
|
|
27
28
|
submitOnEnter?: boolean;
|
|
29
|
+
textAreaClassName?: string;
|
|
28
30
|
} & TextAreaProps;
|
|
29
|
-
export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, ...rest }: TextAreaFieldProps): import("react/jsx-runtime.js").JSX.Element;
|
|
31
|
+
export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, textAreaClassName, ...rest }: TextAreaFieldProps): import("react/jsx-runtime.js").JSX.Element;
|
|
30
32
|
export declare const FieldRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
31
33
|
export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
|
|
@@ -28,7 +28,7 @@ const Input_js_1 = require("../input/Input.js");
|
|
|
28
28
|
const TextArea_js_1 = require("../textArea/TextArea.js");
|
|
29
29
|
const emptyRef = (() => { });
|
|
30
30
|
const TextField = function TextField(_a) {
|
|
31
|
-
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id"]);
|
|
31
|
+
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id", "inputClassName"]);
|
|
32
32
|
const [props] = (0, formik_1.useField)({
|
|
33
33
|
name,
|
|
34
34
|
onChange,
|
|
@@ -45,11 +45,11 @@ const TextField = function TextField(_a) {
|
|
|
45
45
|
}, autoFocusDelay);
|
|
46
46
|
}
|
|
47
47
|
}, [autoFocusDelay]);
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(exports.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, ref: (0, useMergedRef_js_1.default)(innerInputRef, inputRef || emptyRef) }))] }));
|
|
48
|
+
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(exports.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, className: inputClassName, ref: (0, useMergedRef_js_1.default)(innerInputRef, inputRef || emptyRef) }))] }));
|
|
49
49
|
};
|
|
50
50
|
exports.TextField = TextField;
|
|
51
51
|
function TextAreaField(_a) {
|
|
52
|
-
var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id"]);
|
|
52
|
+
var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, textAreaClassName } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id", "textAreaClassName"]);
|
|
53
53
|
const [props] = (0, formik_1.useField)(name);
|
|
54
54
|
const { submitForm } = (0, formik_1.useFormikContext)();
|
|
55
55
|
const onKeyDownInner = (0, react_1.useCallback)((e) => {
|
|
@@ -60,7 +60,7 @@ function TextAreaField(_a) {
|
|
|
60
60
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
61
61
|
}, [submitOnEnter, onKeyDown, submitForm]);
|
|
62
62
|
const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
|
|
63
|
-
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(exports.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: inputRef }, props, rest, { id: id, onKeyDown: onKeyDownInner }))] }));
|
|
63
|
+
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(exports.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: inputRef }, props, rest, { className: textAreaClassName, id: id, onKeyDown: onKeyDownInner }))] }));
|
|
64
64
|
}
|
|
65
65
|
exports.FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch gap-1 self-stretch');
|
|
66
66
|
exports.FieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-col gap-1 text-sm font-bold text-dark-blend mb-1');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
2
|
-
|
|
2
|
+
export interface TooltipContentProps extends TooltipPrimitive.TooltipContentProps {
|
|
3
|
+
color?: 'contrast' | 'white' | 'attention';
|
|
4
|
+
}
|
|
5
|
+
declare function Content({ children, className, color, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime.js").JSX.Element;
|
|
3
6
|
export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
|
|
4
7
|
export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
|
|
5
8
|
content: React.ReactNode;
|
|
6
9
|
open?: boolean;
|
|
7
10
|
disabled?: boolean;
|
|
8
11
|
}
|
|
9
|
-
export declare const Tooltip: (({ ref, content, children, open, disabled, ...rest }: TooltipProps & {
|
|
12
|
+
export declare const Tooltip: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: TooltipProps & {
|
|
10
13
|
ref?: React.Ref<HTMLButtonElement>;
|
|
11
|
-
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
14
|
+
} & Pick<TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
12
15
|
Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
16
|
Content: typeof Content;
|
|
14
17
|
};
|
|
@@ -55,13 +55,17 @@ const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
|
|
|
55
55
|
const clsx_1 = __importDefault(require("clsx"));
|
|
56
56
|
const Box_js_1 = require("../box/Box.js");
|
|
57
57
|
function Content(_a) {
|
|
58
|
-
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:
|
|
58
|
+
var { children, className, color } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
|
|
60
|
+
'layer-variants:bg-black layer-variants:text-white': color === 'contrast',
|
|
61
|
+
'layer-variants:bg-white layer-variants:text-black': color === 'white',
|
|
62
|
+
'layer-variants:bg-attention-ink layer-variants:text-white': color === 'attention',
|
|
63
|
+
}, className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "layer-components:fill-[var(--v-bg)]" })] })) }) }));
|
|
60
64
|
}
|
|
61
65
|
exports.TooltipProvider = TooltipPrimitive.Provider;
|
|
62
66
|
exports.Tooltip = Object.assign(function Tooltip(_a) {
|
|
63
|
-
var { ref, content, children, open, disabled } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled"]);
|
|
64
|
-
return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, { sideOffset:
|
|
67
|
+
var { ref, content, children, open, disabled, className, sideOffset = 12, side, color } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled", "className", "sideOffset", "side", "color"]);
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, { color: color, side: side, sideOffset: sideOffset, className: className, children: content })] }));
|
|
65
69
|
}, {
|
|
66
70
|
Trigger: TooltipPrimitive.TooltipTrigger,
|
|
67
71
|
Content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAC9B,0CAA2C;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAC9B,0CAA2C;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,OAEiC,EADnC,KAAK,cAJQ,kCAKhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,kIAAkI,EAClI,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE;oBACC,sCAAsC,EAAE,KAAK,KAAK,UAAU;oBAC5D,sCAAsC,EAAE,KAAK,KAAK,OAAO;oBACzD,8CAA8C,EAC7C,KAAK,KAAK,WAAW;iBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,KAChD,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAa6C;QAb7C,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIwD,EAH1D,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
|
|
@@ -2,11 +2,11 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Tooltip } from './Tooltip.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: (({ ref, content, children, open, disabled, ...rest }: import("./Tooltip.js").TooltipProps & {
|
|
5
|
+
component: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: import("./Tooltip.js").TooltipProps & {
|
|
6
6
|
ref?: React.Ref<HTMLButtonElement>;
|
|
7
|
-
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
7
|
+
} & Pick<import("./Tooltip.js").TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
8
8
|
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
9
|
-
Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
|
+
Content: ({ children, className, color, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
10
10
|
};
|
|
11
11
|
argTypes: {};
|
|
12
12
|
parameters: {
|
|
@@ -16,8 +16,12 @@ declare const meta: {
|
|
|
16
16
|
};
|
|
17
17
|
args: {
|
|
18
18
|
content: string;
|
|
19
|
+
color: "contrast";
|
|
19
20
|
};
|
|
20
21
|
};
|
|
21
22
|
export default meta;
|
|
22
23
|
type Story = StoryObj<typeof Tooltip>;
|
|
23
24
|
export declare const Default: Story;
|
|
25
|
+
export declare const Disabled: Story;
|
|
26
|
+
export declare const Color: Story;
|
|
27
|
+
export declare const Customized: Story;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.Default = void 0;
|
|
4
|
+
exports.Customized = exports.Color = exports.Disabled = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const Tooltip_js_1 = require("./Tooltip.js");
|
|
7
7
|
const meta = {
|
|
@@ -13,10 +13,23 @@ const meta = {
|
|
|
13
13
|
},
|
|
14
14
|
args: {
|
|
15
15
|
content: 'hello world',
|
|
16
|
+
color: 'contrast',
|
|
16
17
|
},
|
|
17
18
|
};
|
|
18
19
|
exports.default = meta;
|
|
19
20
|
exports.Default = {
|
|
20
21
|
render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
|
|
21
22
|
};
|
|
23
|
+
exports.Disabled = {
|
|
24
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { disabled: true, children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
|
|
25
|
+
};
|
|
26
|
+
exports.Color = {
|
|
27
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
|
|
28
|
+
args: {
|
|
29
|
+
color: 'white',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
exports.Customized = {
|
|
33
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({ className: "bg-attention" }, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
|
|
34
|
+
};
|
|
22
35
|
//# sourceMappingURL=Tooltip.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;
|
|
1
|
+
{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,UAAU;KACjB;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,IAAE,QAAQ,kBAC1B,0DAAyB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,KAAK,GAAU;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;IACD,IAAI,EAAE;QACL,KAAK,EAAE,OAAO;KACd;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,kBAAC,SAAS,EAAC,cAAc,IAAK,IAAI,cACzC,0DAAyB,IAChB,CACV;CACD,CAAC"}
|