@coldsurf/ocean-road 1.14.0 → 1.14.1
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/index.d.ts +78 -81
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/native.cjs.map +1 -1
- package/dist/native.d.cts +25 -25
- package/dist/native.d.cts.map +1 -1
- package/dist/native.d.ts +16 -16
- package/dist/native.d.ts.map +1 -1
- package/dist/native.js.map +1 -1
- package/dist/next.cjs +172 -174
- package/dist/next.cjs.map +1 -1
- package/dist/next.d.cts +8 -8
- package/dist/next.d.ts +6 -6
- package/dist/next.js +172 -174
- package/dist/next.js.map +1 -1
- package/package.json +1 -1
- package/src/base/text-input/text-input.tsx +2 -12
- package/src/base/text-input/text-input.types.ts +1 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import * as react0$1 from "react";
|
|
2
2
|
import * as react0 from "react";
|
|
3
|
-
import * as
|
|
4
|
-
import * as react82 from "react";
|
|
5
|
-
import * as react61 from "react";
|
|
3
|
+
import * as react68 from "react";
|
|
6
4
|
import * as react51 from "react";
|
|
5
|
+
import * as react62 from "react";
|
|
6
|
+
import * as react50 from "react";
|
|
7
|
+
import * as react65 from "react";
|
|
7
8
|
import * as react44 from "react";
|
|
8
|
-
import * as
|
|
9
|
-
import * as
|
|
10
|
-
import * as
|
|
9
|
+
import * as react48 from "react";
|
|
10
|
+
import * as react56 from "react";
|
|
11
|
+
import * as react93 from "react";
|
|
12
|
+
import * as react46 from "react";
|
|
11
13
|
import * as react54 from "react";
|
|
12
|
-
import * as
|
|
13
|
-
import * as
|
|
14
|
-
import * as
|
|
15
|
-
import * as
|
|
14
|
+
import * as react23 from "react";
|
|
15
|
+
import * as react76 from "react";
|
|
16
|
+
import * as react80 from "react";
|
|
17
|
+
import * as react85 from "react";
|
|
18
|
+
import * as react78 from "react";
|
|
19
|
+
import * as react27 from "react";
|
|
20
|
+
import * as react82 from "react";
|
|
21
|
+
import * as react42 from "react";
|
|
16
22
|
import * as react87 from "react";
|
|
23
|
+
import * as react91 from "react";
|
|
17
24
|
import * as react75 from "react";
|
|
18
|
-
import * as react52 from "react";
|
|
19
|
-
import * as react23 from "react";
|
|
20
|
-
import * as react58 from "react";
|
|
21
|
-
import * as react38 from "react";
|
|
22
|
-
import * as react64 from "react";
|
|
23
|
-
import * as react49 from "react";
|
|
24
|
-
import * as react66 from "react";
|
|
25
25
|
import * as react1 from "react";
|
|
26
26
|
import { ButtonHTMLAttributes, CSSProperties, ComponentPropsWithRef, DetailedHTMLProps, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SVGProps, TextareaHTMLAttributes } from "react";
|
|
27
27
|
import * as _emotion_react1 from "@emotion/react";
|
|
@@ -217,27 +217,27 @@ type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'i
|
|
|
217
217
|
//# sourceMappingURL=button.types.d.ts.map
|
|
218
218
|
//#endregion
|
|
219
219
|
//#region src/base/button/button.d.ts
|
|
220
|
-
declare const Button:
|
|
220
|
+
declare const Button: react68.ForwardRefExoticComponent<{
|
|
221
221
|
theme?: ButtonTheme;
|
|
222
222
|
variant?: ButtonTheme;
|
|
223
223
|
size?: "lg" | "md" | "sm";
|
|
224
|
-
leftIcon?: keyof typeof icons |
|
|
225
|
-
rightIcon?: keyof typeof icons |
|
|
224
|
+
leftIcon?: keyof typeof icons | react68.ReactElement;
|
|
225
|
+
rightIcon?: keyof typeof icons | react68.ReactElement;
|
|
226
226
|
textWeight?: "light" | "medium" | "bold";
|
|
227
227
|
} & {
|
|
228
|
-
children?:
|
|
229
|
-
} & ButtonHTMLAttributes<HTMLButtonElement> &
|
|
228
|
+
children?: react68.ReactNode | undefined;
|
|
229
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & react68.RefAttributes<HTMLButtonElement>>;
|
|
230
230
|
//# sourceMappingURL=button.d.ts.map
|
|
231
231
|
//#endregion
|
|
232
232
|
//#region src/base/checkbox/checkbox.d.ts
|
|
233
|
-
declare const Checkbox:
|
|
233
|
+
declare const Checkbox: react51.MemoExoticComponent<react51.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "formAction"> & {
|
|
234
234
|
size?: "lg" | "md" | "sm";
|
|
235
235
|
labelText?: string;
|
|
236
|
-
} &
|
|
236
|
+
} & react51.RefAttributes<HTMLInputElement>>>;
|
|
237
237
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
238
238
|
//#endregion
|
|
239
239
|
//#region src/base/icon-button/icon-button.d.ts
|
|
240
|
-
declare const IconButton:
|
|
240
|
+
declare const IconButton: react62.ForwardRefExoticComponent<react62.ButtonHTMLAttributes<HTMLButtonElement> & react62.RefAttributes<HTMLButtonElement>>;
|
|
241
241
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
242
242
|
//#endregion
|
|
243
243
|
//#region src/base/icon-button/icon-button.types.d.ts
|
|
@@ -254,7 +254,7 @@ declare const Modal: ({
|
|
|
254
254
|
visible: boolean;
|
|
255
255
|
onClose: () => void;
|
|
256
256
|
zIndex?: number;
|
|
257
|
-
}>) =>
|
|
257
|
+
}>) => react50.JSX.Element;
|
|
258
258
|
//# sourceMappingURL=modal.d.ts.map
|
|
259
259
|
//#endregion
|
|
260
260
|
//#region src/base/spinner/spinner.types.d.ts
|
|
@@ -269,7 +269,7 @@ type Props$7 = {
|
|
|
269
269
|
declare const Spinner: ({
|
|
270
270
|
variant,
|
|
271
271
|
className
|
|
272
|
-
}: Props$7) =>
|
|
272
|
+
}: Props$7) => react65.JSX.Element;
|
|
273
273
|
//#endregion
|
|
274
274
|
//#region src/base/text/text.styled.d.ts
|
|
275
275
|
type TextVariant = 'heading1' | 'heading2' | 'heading3' | 'body1' | 'body2' | 'caption' | 'label';
|
|
@@ -288,7 +288,7 @@ type TextProps = PropsWithChildren<ComponentPropsWithRef<'span'> & {
|
|
|
288
288
|
as?: ElementType<any, keyof JSX.IntrinsicElements>;
|
|
289
289
|
numberOfLines?: number;
|
|
290
290
|
} & Pick<StyledTextContainerProps, 'variant' | 'size' | 'weight'>>;
|
|
291
|
-
declare const Text:
|
|
291
|
+
declare const Text: react44.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react44.RefAttributes<HTMLSpanElement>>;
|
|
292
292
|
//#endregion
|
|
293
293
|
//#region src/base/text-area/text-area.types.d.ts
|
|
294
294
|
type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
|
|
@@ -300,9 +300,20 @@ type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElemen
|
|
|
300
300
|
//# sourceMappingURL=text-area.types.d.ts.map
|
|
301
301
|
//#endregion
|
|
302
302
|
//#region src/base/text-area/text-area.d.ts
|
|
303
|
-
declare const TextArea:
|
|
303
|
+
declare const TextArea: react48.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react48.RefAttributes<HTMLTextAreaElement>>;
|
|
304
304
|
//# sourceMappingURL=text-area.d.ts.map
|
|
305
305
|
//#endregion
|
|
306
|
+
//#region src/base/text-input/text-input.d.ts
|
|
307
|
+
declare const TextInput: react56.ForwardRefExoticComponent<react56.InputHTMLAttributes<HTMLInputElement> & {
|
|
308
|
+
label?: string;
|
|
309
|
+
labelStyle?: react56.CSSProperties;
|
|
310
|
+
isError?: boolean;
|
|
311
|
+
required?: boolean;
|
|
312
|
+
left?: react56.ReactNode;
|
|
313
|
+
right?: react56.ReactNode;
|
|
314
|
+
} & react56.RefAttributes<HTMLInputElement>>;
|
|
315
|
+
//# sourceMappingURL=text-input.d.ts.map
|
|
316
|
+
//#endregion
|
|
306
317
|
//#region src/base/text-input/text-input.types.d.ts
|
|
307
318
|
type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
308
319
|
label?: string;
|
|
@@ -312,23 +323,9 @@ type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
312
323
|
left?: ReactNode;
|
|
313
324
|
right?: ReactNode;
|
|
314
325
|
};
|
|
315
|
-
|
|
316
|
-
focus: () => void;
|
|
317
|
-
blur: () => void;
|
|
318
|
-
}
|
|
326
|
+
type TextInputRef = HTMLInputElement;
|
|
319
327
|
//# sourceMappingURL=text-input.types.d.ts.map
|
|
320
328
|
//#endregion
|
|
321
|
-
//#region src/base/text-input/text-input.d.ts
|
|
322
|
-
declare const TextInput: react91.ForwardRefExoticComponent<react91.InputHTMLAttributes<HTMLInputElement> & {
|
|
323
|
-
label?: string;
|
|
324
|
-
labelStyle?: react91.CSSProperties;
|
|
325
|
-
isError?: boolean;
|
|
326
|
-
required?: boolean;
|
|
327
|
-
left?: react91.ReactNode;
|
|
328
|
-
right?: react91.ReactNode;
|
|
329
|
-
} & react91.RefAttributes<TextInputRef>>;
|
|
330
|
-
//# sourceMappingURL=text-input.d.ts.map
|
|
331
|
-
//#endregion
|
|
332
329
|
//#region src/base/toast/toast.types.d.ts
|
|
333
330
|
type ToastProps = {
|
|
334
331
|
message: string;
|
|
@@ -345,7 +342,7 @@ declare const Toast: ({
|
|
|
345
342
|
message,
|
|
346
343
|
zIndex,
|
|
347
344
|
onClose
|
|
348
|
-
}: ToastProps) =>
|
|
345
|
+
}: ToastProps) => react93.JSX.Element;
|
|
349
346
|
//# sourceMappingURL=toast.d.ts.map
|
|
350
347
|
//#endregion
|
|
351
348
|
//#region src/base/switch/switch.d.ts
|
|
@@ -353,7 +350,7 @@ interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
|
|
|
353
350
|
checked: boolean;
|
|
354
351
|
onChange: (checked: boolean) => void;
|
|
355
352
|
}
|
|
356
|
-
declare const Switch:
|
|
353
|
+
declare const Switch: react46.ForwardRefExoticComponent<SwitchProps & react46.RefAttributes<HTMLButtonElement>>;
|
|
357
354
|
//#endregion
|
|
358
355
|
//#region src/base/badge/badge.d.ts
|
|
359
356
|
type Props$6 = {
|
|
@@ -362,7 +359,7 @@ type Props$6 = {
|
|
|
362
359
|
isHighlighted?: boolean;
|
|
363
360
|
children?: string | ReactElement;
|
|
364
361
|
};
|
|
365
|
-
declare const Badge:
|
|
362
|
+
declare const Badge: react54.ForwardRefExoticComponent<Props$6 & react54.RefAttributes<HTMLDivElement>>;
|
|
366
363
|
//#endregion
|
|
367
364
|
//#region src/utils/breakpoints.d.ts
|
|
368
365
|
declare const breakpoints: {
|
|
@@ -401,16 +398,16 @@ type GridCardListItemProps = WithId<{
|
|
|
401
398
|
//#endregion
|
|
402
399
|
//#region src/extensions/error-ui/index.d.ts
|
|
403
400
|
declare const ErrorUI: {
|
|
404
|
-
NetworkError:
|
|
401
|
+
NetworkError: react23.MemoExoticComponent<({
|
|
405
402
|
onClickRetry
|
|
406
403
|
}: {
|
|
407
404
|
onClickRetry: () => void;
|
|
408
|
-
}) =>
|
|
409
|
-
UnknownError:
|
|
405
|
+
}) => react23.JSX.Element>;
|
|
406
|
+
UnknownError: react23.MemoExoticComponent<({
|
|
410
407
|
onClickRetry
|
|
411
408
|
}: {
|
|
412
409
|
onClickRetry: () => void;
|
|
413
|
-
}) =>
|
|
410
|
+
}) => react23.JSX.Element>;
|
|
414
411
|
};
|
|
415
412
|
//# sourceMappingURL=index.d.ts.map
|
|
416
413
|
//#endregion
|
|
@@ -420,39 +417,39 @@ interface Props$5 {
|
|
|
420
417
|
type?: 'round' | 'square';
|
|
421
418
|
logoTheme: LogoTheme;
|
|
422
419
|
}
|
|
423
|
-
declare const AppLogo:
|
|
420
|
+
declare const AppLogo: react76.MemoExoticComponent<({
|
|
424
421
|
type,
|
|
425
422
|
logoTheme,
|
|
426
423
|
...otherProps
|
|
427
|
-
}: Props$5) =>
|
|
424
|
+
}: Props$5) => react76.JSX.Element>;
|
|
428
425
|
//#endregion
|
|
429
426
|
//#region src/extensions/app-store-button/app-store-button.d.ts
|
|
430
427
|
type Props$4 = {
|
|
431
428
|
store: 'app-store' | 'google-play';
|
|
432
429
|
};
|
|
433
|
-
declare const AppStoreButton:
|
|
430
|
+
declare const AppStoreButton: react80.MemoExoticComponent<({
|
|
434
431
|
store
|
|
435
|
-
}: Props$4) =>
|
|
432
|
+
}: Props$4) => react80.JSX.Element>;
|
|
436
433
|
//#endregion
|
|
437
434
|
//#region src/extensions/brand-icon/brand-icon.d.ts
|
|
438
435
|
interface Props$3 extends SVGProps<SVGSVGElement> {
|
|
439
436
|
brand: 'apple' | 'google' | 'android';
|
|
440
437
|
ref?: Ref<SVGSVGElement>;
|
|
441
438
|
}
|
|
442
|
-
declare const BrandIcon:
|
|
439
|
+
declare const BrandIcon: react85.MemoExoticComponent<({
|
|
443
440
|
brand,
|
|
444
441
|
...svgProps
|
|
445
|
-
}: Props$3) =>
|
|
442
|
+
}: Props$3) => react85.JSX.Element>;
|
|
446
443
|
//#endregion
|
|
447
444
|
//#region src/extensions/sns-icon/sns-icon.d.ts
|
|
448
445
|
interface Props$2 extends React.SVGProps<SVGSVGElement> {
|
|
449
446
|
social: 'instagram' | 'x' | 'facebook' | 'youtube';
|
|
450
447
|
ref?: Ref<SVGSVGElement>;
|
|
451
448
|
}
|
|
452
|
-
declare const SNSIcon:
|
|
449
|
+
declare const SNSIcon: react78.MemoExoticComponent<({
|
|
453
450
|
social,
|
|
454
451
|
...svgProps
|
|
455
|
-
}: Props$2) =>
|
|
452
|
+
}: Props$2) => react78.JSX.Element>;
|
|
456
453
|
//#endregion
|
|
457
454
|
//#region src/extensions/dropdown/dropdown.types.d.ts
|
|
458
455
|
type DropdownMenuItemRef = {
|
|
@@ -492,30 +489,30 @@ declare const Dropdown: {
|
|
|
492
489
|
as?: React.ElementType;
|
|
493
490
|
} & {
|
|
494
491
|
$isActive?: boolean;
|
|
495
|
-
},
|
|
492
|
+
}, react27.DetailedHTMLProps<react27.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
496
493
|
MenuItem: <DataItemT>(props: {
|
|
497
494
|
isCurrent: boolean;
|
|
498
|
-
icon?:
|
|
499
|
-
title:
|
|
495
|
+
icon?: react27.ReactNode;
|
|
496
|
+
title: react27.ReactNode;
|
|
500
497
|
dropdownData: DataItemT[];
|
|
501
|
-
renderDropdownItem: (item: DataItemT) =>
|
|
498
|
+
renderDropdownItem: (item: DataItemT) => react27.ReactNode;
|
|
502
499
|
backdrop?: boolean;
|
|
503
500
|
absolute?: boolean;
|
|
504
501
|
isLoading?: boolean;
|
|
505
502
|
onClose?: () => void;
|
|
506
|
-
onMouseEnter?: (e:
|
|
503
|
+
onMouseEnter?: (e: react27.MouseEvent<HTMLDivElement>, params: {
|
|
507
504
|
openDropdown: () => void;
|
|
508
505
|
}) => void;
|
|
509
|
-
onMouseLeave?: (e:
|
|
506
|
+
onMouseLeave?: (e: react27.MouseEvent<HTMLDivElement>, params: {
|
|
510
507
|
closeDropdown: () => void;
|
|
511
508
|
}) => void;
|
|
512
|
-
onClick?: (e:
|
|
509
|
+
onClick?: (e: react27.MouseEvent<HTMLDivElement>, params: {
|
|
513
510
|
openDropdown: () => void;
|
|
514
511
|
}) => void;
|
|
515
512
|
} & {
|
|
516
|
-
ref?:
|
|
513
|
+
ref?: react27.Ref<DropdownMenuItemRef>;
|
|
517
514
|
}) => JSX.Element;
|
|
518
|
-
Core:
|
|
515
|
+
Core: react27.MemoExoticComponent<react27.ForwardRefExoticComponent<DropdownCoreProps & react27.RefAttributes<DropdownMenuItemRef>>>;
|
|
519
516
|
Trigger: ({
|
|
520
517
|
renderTriggerNode,
|
|
521
518
|
triggerRef,
|
|
@@ -523,27 +520,27 @@ declare const Dropdown: {
|
|
|
523
520
|
backdrop,
|
|
524
521
|
zIndex,
|
|
525
522
|
edge
|
|
526
|
-
}:
|
|
523
|
+
}: react27.PropsWithChildren<{
|
|
527
524
|
renderTriggerNode: ({
|
|
528
525
|
openDropdown
|
|
529
526
|
}: {
|
|
530
527
|
openDropdown: () => void;
|
|
531
|
-
}) =>
|
|
528
|
+
}) => react27.ReactNode;
|
|
532
529
|
triggerRef: DropdownCoreProps["triggerRef"];
|
|
533
530
|
backdrop: DropdownCoreProps["backdrop"];
|
|
534
531
|
zIndex: DropdownCoreProps["zIndex"];
|
|
535
532
|
edge: DropdownCoreProps["edge"];
|
|
536
|
-
}>) =>
|
|
533
|
+
}>) => react27.JSX.Element;
|
|
537
534
|
};
|
|
538
535
|
//#endregion
|
|
539
536
|
//#region src/extensions/menu-item/menu-item.d.ts
|
|
540
|
-
declare const MenuItem:
|
|
537
|
+
declare const MenuItem: react82.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
|
|
541
538
|
isLoading?: boolean;
|
|
542
539
|
isCurrent?: boolean;
|
|
543
540
|
icon?: React.ReactNode;
|
|
544
541
|
} & {
|
|
545
|
-
children?:
|
|
546
|
-
} &
|
|
542
|
+
children?: react82.ReactNode | undefined;
|
|
543
|
+
} & react82.RefAttributes<HTMLDivElement>>;
|
|
547
544
|
//# sourceMappingURL=menu-item.d.ts.map
|
|
548
545
|
//#endregion
|
|
549
546
|
//#region src/extensions/app-header/app-header.types.d.ts
|
|
@@ -571,12 +568,12 @@ declare function useIsMobileMenuOpen(): {
|
|
|
571
568
|
declare const AppHeader: {
|
|
572
569
|
useHeaderScrollAnimation: typeof useHeaderScrollAnimation;
|
|
573
570
|
useIsMobileMenuOpen: typeof useIsMobileMenuOpen;
|
|
574
|
-
AnimatedHeader:
|
|
571
|
+
AnimatedHeader: react42.MemoExoticComponent<({
|
|
575
572
|
animation,
|
|
576
573
|
children,
|
|
577
574
|
className,
|
|
578
575
|
zIndex
|
|
579
|
-
}: AnimatedHeaderProps) =>
|
|
576
|
+
}: AnimatedHeaderProps) => react42.JSX.Element>;
|
|
580
577
|
};
|
|
581
578
|
//# sourceMappingURL=index.d.ts.map
|
|
582
579
|
//#endregion
|
|
@@ -586,9 +583,9 @@ type Props$1 = {
|
|
|
586
583
|
setTheme: ReturnType<typeof useColorScheme>['setTheme'];
|
|
587
584
|
}) => void;
|
|
588
585
|
};
|
|
589
|
-
declare const ColorSchemeToggle:
|
|
586
|
+
declare const ColorSchemeToggle: react87.MemoExoticComponent<({
|
|
590
587
|
onToggle
|
|
591
|
-
}: Props$1) =>
|
|
588
|
+
}: Props$1) => react87.JSX.Element>;
|
|
592
589
|
//#endregion
|
|
593
590
|
//#region src/extensions/full-screen-modal/full-screen-modal.d.ts
|
|
594
591
|
type Props = PropsWithChildren<{
|
|
@@ -596,12 +593,12 @@ type Props = PropsWithChildren<{
|
|
|
596
593
|
onClose: () => void;
|
|
597
594
|
zIndex?: number;
|
|
598
595
|
}>;
|
|
599
|
-
declare const FullScreenModal:
|
|
596
|
+
declare const FullScreenModal: react91.MemoExoticComponent<({
|
|
600
597
|
visible,
|
|
601
598
|
onClose,
|
|
602
599
|
children,
|
|
603
600
|
zIndex
|
|
604
|
-
}: Props) =>
|
|
601
|
+
}: Props) => react91.JSX.Element>;
|
|
605
602
|
//#endregion
|
|
606
603
|
//#region src/extensions/accordion/accordion.d.ts
|
|
607
604
|
type AccordionProps<ItemT> = {
|
|
@@ -621,7 +618,7 @@ declare const Accordion: <ItemT extends {
|
|
|
621
618
|
renderTrigger,
|
|
622
619
|
renderExpanded,
|
|
623
620
|
customized
|
|
624
|
-
}: AccordionProps<ItemT>) =>
|
|
621
|
+
}: AccordionProps<ItemT>) => react75.JSX.Element;
|
|
625
622
|
//# sourceMappingURL=accordion.d.ts.map
|
|
626
623
|
//#endregion
|
|
627
624
|
//#region src/extensions/index.d.ts
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/tokens/tokens.types.ts","../src/tokens/tokens.ts","../src/contexts/ColorSchemeProvider.tsx","../src/GlobalStyle.tsx","../src/base/button/button.types.ts","../src/base/button/button.tsx","../src/base/checkbox/checkbox.tsx","../src/base/icon-button/icon-button.tsx","../src/base/icon-button/icon-button.types.ts","../src/base/modal/modal.tsx","../src/base/spinner/spinner.types.ts","../src/base/spinner/spinner.tsx","../src/base/text/text.styled.ts","../src/base/text/text.tsx","../src/base/text-area/text-area.types.ts","../src/base/text-area/text-area.tsx","../src/base/text-input/text-input.
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/tokens/tokens.types.ts","../src/tokens/tokens.ts","../src/contexts/ColorSchemeProvider.tsx","../src/GlobalStyle.tsx","../src/base/button/button.types.ts","../src/base/button/button.tsx","../src/base/checkbox/checkbox.tsx","../src/base/icon-button/icon-button.tsx","../src/base/icon-button/icon-button.types.ts","../src/base/modal/modal.tsx","../src/base/spinner/spinner.types.ts","../src/base/spinner/spinner.tsx","../src/base/text/text.styled.ts","../src/base/text/text.tsx","../src/base/text-area/text-area.types.ts","../src/base/text-area/text-area.tsx","../src/base/text-input/text-input.tsx","../src/base/text-input/text-input.types.ts","../src/base/toast/toast.types.ts","../src/base/toast/toast.tsx","../src/base/switch/switch.tsx","../src/base/badge/badge.tsx","../src/utils/breakpoints.ts","../src/utils/media.ts","../src/utils/with-id.ts","../src/extensions/grid-card-item/grid-card-item.tsx","../src/extensions/error-ui/index.ts","../src/extensions/app-logo/app-logo.tsx","../src/extensions/app-store-button/app-store-button.tsx","../src/extensions/brand-icon/brand-icon.tsx","../src/extensions/sns-icon/sns-icon.tsx","../src/extensions/dropdown/dropdown.types.ts","../src/extensions/dropdown/dropdown.tsx","../src/extensions/dropdown/index.ts","../src/extensions/menu-item/menu-item.tsx","../src/extensions/app-header/app-header.types.ts","../src/extensions/app-header/app-header.tsx","../src/extensions/app-header/app-header.hooks.ts","../src/extensions/app-header/index.ts","../src/extensions/color-scheme-toggle/color-scheme-toggle.tsx","../src/extensions/full-screen-modal/full-screen-modal.tsx","../src/extensions/accordion/accordion.tsx","../src/extensions/index.ts","../src/constants.ts"],"sourcesContent":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -255,7 +255,7 @@ ${Rt(r)} }`}}),C(`div`,{className:o,children:e})]})};var Ut=Ht;const Wt=()=>{let
|
|
|
255
255
|
line-height: 1.25;
|
|
256
256
|
|
|
257
257
|
color: ${O.color.foreground[1]};
|
|
258
|
-
`,qB=s(({label:e,labelStyle:t,isError:n,required:r,left:i,right:a,className:o,style:s,...c},l)=>{let d=y(null);m(l,()=>
|
|
258
|
+
`,qB=s(({label:e,labelStyle:t,isError:n,required:r,left:i,right:a,className:o,style:s,...c},l)=>{let d=y(null);m(l,()=>d.current,[]);let f=u(e=>{e.preventDefault(),d.current?.focus()},[]);return w(S,{children:[e&&C(HB,{htmlFor:c.id,style:t,required:r,children:e}),w(GB,{className:o,$isError:!!n,onClick:f,style:s,children:[i&&i,C(KB,{ref:d,...c}),a&&a]})]})});qB.displayName=`TextInput`;const JB=3e3,YB=({message:e,zIndex:t=99,onClose:n})=>{let[r,i]=aL(),a=y(null);return f(()=>(a.current&&clearTimeout(a.current),a.current=setTimeout(()=>{n()},JB),()=>{a.current&&clearTimeout(a.current)}),[n]),f(()=>{r||i()},[r,i]),C(DB.div,{initial:{opacity:0,y:50},animate:{opacity:1,y:0},exit:{opacity:0,y:50,transition:{duration:.3}},transition:{duration:.3},onClick:n,style:{background:O.color.background[1],padding:`16px 16px`,margin:`0 16px`,borderRadius:`8px`,position:`fixed`,bottom:`45px`,left:`calc(50% - 192.5px)`,width:`calc(385px - 32px - 32px)`,zIndex:t,boxShadow:`0px 0px 12px 0px ${O.color.dimmed[1]}`,cursor:`pointer`},children:C(A,{as:`p`,children:e})})},XB=40,ZB=XB*.55,QB=XB*.45,$B=E.button`
|
|
259
259
|
position: relative;
|
|
260
260
|
display: inline-flex;
|
|
261
261
|
align-items: center;
|