@imj_media/ui 1.2.12 → 1.2.14
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/CHANGELOG.md +114 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +6344 -5380
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +27 -7
- package/dist/index.js.map +1 -1
- package/dist/modules/Alert/components/atoms/AlertHeader.d.ts.map +1 -1
- package/dist/modules/Alert/hooks/useAlertStyles.d.ts +2 -1
- package/dist/modules/Alert/hooks/useAlertStyles.d.ts.map +1 -1
- package/dist/modules/Alert/index.d.ts +1 -1
- package/dist/modules/Alert/index.d.ts.map +1 -1
- package/dist/modules/Alert/stories/alert.stories.d.ts +1 -0
- package/dist/modules/Alert/stories/alert.stories.d.ts.map +1 -1
- package/dist/modules/Alert/utils/alert.d.ts.map +1 -1
- package/dist/modules/Avatar/components/AvatarStack.d.ts +34 -0
- package/dist/modules/Avatar/components/AvatarStack.d.ts.map +1 -0
- package/dist/modules/Avatar/components/index.d.ts +1 -0
- package/dist/modules/Avatar/components/index.d.ts.map +1 -1
- package/dist/modules/Avatar/constants/index.d.ts +11 -0
- package/dist/modules/Avatar/constants/index.d.ts.map +1 -1
- package/dist/modules/Avatar/index.d.ts +28 -3
- package/dist/modules/Avatar/index.d.ts.map +1 -1
- package/dist/modules/Avatar/stories/avatar.stories.d.ts +2 -1
- package/dist/modules/Avatar/stories/avatar.stories.d.ts.map +1 -1
- package/dist/modules/Avatar/stories/stories/stack.story.d.ts +4 -0
- package/dist/modules/Avatar/stories/stories/stack.story.d.ts.map +1 -0
- package/dist/modules/Avatar/types/index.d.ts +48 -0
- package/dist/modules/Avatar/types/index.d.ts.map +1 -1
- package/dist/modules/Icon/Icon.d.ts +1 -1
- package/dist/modules/Icon/Icon.d.ts.map +1 -1
- package/dist/modules/Icon/components/LegacyIcon.d.ts +1 -1
- package/dist/modules/Icon/components/LegacyIcon.d.ts.map +1 -1
- package/dist/modules/IconFont/components/organims/IconFont.d.ts +6 -2
- package/dist/modules/IconFont/components/organims/IconFont.d.ts.map +1 -1
- package/dist/modules/Input/components/Input.d.ts.map +1 -1
- package/dist/modules/Input/hooks/useInputStyles.d.ts +2 -1
- package/dist/modules/Input/hooks/useInputStyles.d.ts.map +1 -1
- package/dist/modules/Modal/Modal.d.ts.map +1 -1
- package/dist/modules/Modal/components/molecules/ModalBody.d.ts.map +1 -1
- package/dist/modules/Modal/components/molecules/ModalFooter.d.ts.map +1 -1
- package/dist/modules/Modal/context/ModalContext.d.ts.map +1 -1
- package/dist/modules/PickerColor/components/atoms/ColorInput.d.ts +25 -0
- package/dist/modules/PickerColor/components/atoms/ColorInput.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/atoms/ColorSwatch.d.ts +18 -0
- package/dist/modules/PickerColor/components/atoms/ColorSwatch.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/atoms/index.d.ts +3 -0
- package/dist/modules/PickerColor/components/atoms/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/index.d.ts +4 -0
- package/dist/modules/PickerColor/components/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/molecules/ColorPalette.d.ts +15 -0
- package/dist/modules/PickerColor/components/molecules/ColorPalette.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/molecules/ColorPickerContent.d.ts +18 -0
- package/dist/modules/PickerColor/components/molecules/ColorPickerContent.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/molecules/index.d.ts +3 -0
- package/dist/modules/PickerColor/components/molecules/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/organisms/PickerColor.d.ts +3 -0
- package/dist/modules/PickerColor/components/organisms/PickerColor.d.ts.map +1 -0
- package/dist/modules/PickerColor/components/organisms/index.d.ts +2 -0
- package/dist/modules/PickerColor/components/organisms/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/constants/colors.d.ts +9 -0
- package/dist/modules/PickerColor/constants/colors.d.ts.map +1 -0
- package/dist/modules/PickerColor/constants/index.d.ts +2 -0
- package/dist/modules/PickerColor/constants/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/hooks/index.d.ts +3 -0
- package/dist/modules/PickerColor/hooks/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/hooks/useEyeDropper.d.ts +12 -0
- package/dist/modules/PickerColor/hooks/useEyeDropper.d.ts.map +1 -0
- package/dist/modules/PickerColor/hooks/useRecentColors.d.ts +18 -0
- package/dist/modules/PickerColor/hooks/useRecentColors.d.ts.map +1 -0
- package/dist/modules/PickerColor/index.d.ts +2 -0
- package/dist/modules/PickerColor/index.d.ts.map +1 -0
- package/dist/modules/PickerColor/stories/PickerColor.stories.d.ts +16 -0
- package/dist/modules/PickerColor/stories/PickerColor.stories.d.ts.map +1 -0
- package/dist/modules/PickerColor/utils/colorUtils.d.ts +45 -0
- package/dist/modules/PickerColor/utils/colorUtils.d.ts.map +1 -0
- package/dist/modules/PickerColor/utils/debounce.d.ts +8 -0
- package/dist/modules/PickerColor/utils/debounce.d.ts.map +1 -0
- package/dist/modules/PickerColor/utils/index.d.ts +3 -0
- package/dist/modules/PickerColor/utils/index.d.ts.map +1 -0
- package/dist/modules/ProgressBar/components/organisms/atoms/BarProgress.d.ts.map +1 -1
- package/dist/modules/Table/Table.d.ts.map +1 -1
- package/dist/modules/Table/components/atoms/TextFieldCell.d.ts.map +1 -1
- package/dist/modules/Table/components/organisms/TableSelectionBar.d.ts.map +1 -1
- package/dist/modules/Table/components/organisms/TableToolbar.d.ts +5 -1
- package/dist/modules/Table/components/organisms/TableToolbar.d.ts.map +1 -1
- package/dist/modules/Table/hooks/useTableConfig.d.ts +5 -0
- package/dist/modules/Table/hooks/useTableConfig.d.ts.map +1 -1
- package/dist/modules/Table/stories/TableWithQuery.stories.d.ts +7 -0
- package/dist/modules/Table/stories/TableWithQuery.stories.d.ts.map +1 -1
- package/dist/modules/Toast/components/molecules/ToastItem.d.ts.map +1 -1
- package/dist/modules/Toast/hooks/useToast.d.ts.map +1 -1
- package/dist/modules/Toast/hooks/useToastService.d.ts +3 -1
- package/dist/modules/Toast/hooks/useToastService.d.ts.map +1 -1
- package/dist/modules/Toast/index.d.ts +8 -5
- package/dist/modules/Toast/index.d.ts.map +1 -1
- package/dist/modules/Toast/stories/toast.stories.d.ts.map +1 -1
- package/dist/modules/index.d.ts +1 -0
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/shared/const/colors.d.ts +3 -0
- package/dist/shared/const/colors.d.ts.map +1 -1
- package/dist/shared/types/alert.d.ts +3 -2
- package/dist/shared/types/alert.d.ts.map +1 -1
- package/dist/shared/types/colorpicker.d.ts +47 -0
- package/dist/shared/types/colorpicker.d.ts.map +1 -0
- package/dist/shared/types/icon.d.ts +2 -0
- package/dist/shared/types/icon.d.ts.map +1 -1
- package/dist/shared/types/index.d.ts +1 -0
- package/dist/shared/types/index.d.ts.map +1 -1
- package/dist/shared/types/input.d.ts +1 -0
- package/dist/shared/types/input.d.ts.map +1 -1
- package/dist/shared/types/progressbar.d.ts +1 -1
- package/dist/shared/types/progressbar.d.ts.map +1 -1
- package/dist/shared/types/table.d.ts +1 -0
- package/dist/shared/types/table.d.ts.map +1 -1
- package/dist/shared/types/toast.d.ts +1 -0
- package/dist/shared/types/toast.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Alert/components/atoms/AlertHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD;;;;;;;;GAQG;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"AlertHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Alert/components/atoms/AlertHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD;;;;;;;;GAQG;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAiHlD,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ToastPosition } from '../../../shared/types/toast';
|
|
2
2
|
import { AlertColor, VariantAlert } from '../../../shared/types/alert';
|
|
3
3
|
import { IconType } from '../../../shared/types/types';
|
|
4
|
+
import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
4
5
|
export declare const useAlertStyles: () => {
|
|
5
6
|
getAlertClassName: (color: AlertColor, isLeaving?: boolean, variant?: VariantAlert) => string;
|
|
6
7
|
getPositionClasses: (position: ToastPosition) => string;
|
|
7
|
-
getIconForType: (color: AlertColor) => IconType;
|
|
8
|
+
getIconForType: (color: AlertColor) => IconType | IconDefinition;
|
|
8
9
|
getProgressBarColor: (color: AlertColor, variant: VariantAlert) => string;
|
|
9
10
|
};
|
|
10
11
|
//# sourceMappingURL=useAlertStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAlertStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/hooks/useAlertStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"useAlertStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/hooks/useAlertStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGlE,eAAO,MAAM,cAAc;+BAEhB,UAAU,cACL,OAAO,YACV,YAAY;mCA+Ce,aAAa;4BA4BpB,UAAU,KAAG,QAAQ,GAAG,cAAc;iCAXjC,UAAU,WAAW,YAAY;CA6BtE,CAAA"}
|
|
@@ -8,5 +8,5 @@ import { IAlert } from '../../shared/types/alert';
|
|
|
8
8
|
* - Border radius: control-sm (8px)
|
|
9
9
|
* - Border width: 1px
|
|
10
10
|
*/
|
|
11
|
-
export declare const Alert: ({ open, color, variant, className, message, title, showCloseButton, onClose, onClick, onPrimaryClick, onSecondaryClick, primaryButtonText, secondaryButtonText, animation, isLeaving: externalIsLeaving, size, }: IAlert) => import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export declare const Alert: ({ open, color, variant, className, message, title, description, showCloseButton, onClose, onClick, onPrimaryClick, onSecondaryClick, primaryButtonText, secondaryButtonText, animation, isLeaving: externalIsLeaving, size, }: IAlert) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAc,MAAM,sBAAsB,CAAA;AAOzD;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,+NAkBnB,MAAM,mDAyFR,CAAA"}
|
|
@@ -11,4 +11,5 @@ export declare const Clickable: Story;
|
|
|
11
11
|
export declare const Animations: Story;
|
|
12
12
|
export declare const WithoutCloseButton: Story;
|
|
13
13
|
export declare const WithoutTitle: Story;
|
|
14
|
+
export declare const WithDescription: Story;
|
|
14
15
|
//# sourceMappingURL=alert.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/stories/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/stories/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8F5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KA4EtB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAsGzB,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAkF7B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/utils/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE/E,UAAU,mBAAmB;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,2CAK/B,mBAAmB,
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/modules/Alert/utils/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAE/E,UAAU,mBAAmB;IAC3B,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,2CAK/B,mBAAmB,WAqGrB,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { AvatarWithStackProps } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* ============================================
|
|
4
|
+
* AVATAR STACK - ATOMIC COMPONENT
|
|
5
|
+
* ============================================
|
|
6
|
+
* Componente que muestra múltiples avatares apilados con márgenes negativos
|
|
7
|
+
*
|
|
8
|
+
* @component
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <AvatarStack
|
|
12
|
+
* stack={[
|
|
13
|
+
* { src: '...' }, // type='people' se infiere automáticamente
|
|
14
|
+
* { src: '...' }, // type='people' se infiere automáticamente
|
|
15
|
+
* { type: 'letter', text: 'A' }
|
|
16
|
+
* ]}
|
|
17
|
+
* size="md"
|
|
18
|
+
* />
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // Con límite máximo de avatares visibles
|
|
22
|
+
* <AvatarStack
|
|
23
|
+
* stack={[
|
|
24
|
+
* { src: '...' },
|
|
25
|
+
* { src: '...' },
|
|
26
|
+
* // ... 8 avatares más
|
|
27
|
+
* ]}
|
|
28
|
+
* size="md"
|
|
29
|
+
* maxVisible={5} // Muestra 5 avatares + contador "+5"
|
|
30
|
+
* />
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
export declare const AvatarStack: ({ stack, size, className, maxVisible, counterColor, counterTheme, stroke, }: AvatarWithStackProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
34
|
+
//# sourceMappingURL=AvatarStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAwC,MAAM,UAAU,CAAA;AAIrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,WAAW,GAAI,6EAQzB,oBAAoB,mDAkGtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -117,4 +117,15 @@ export declare const DISABLED_PEOPLE_BG = "ui-bg-fill-disabled";
|
|
|
117
117
|
export declare const DISABLED_PEOPLE_BLEND = "ui-mix-blend-luminosity";
|
|
118
118
|
/** Color de texto para disabled (letter avatar) */
|
|
119
119
|
export declare const DISABLED_TEXT_COLOR = "ui-text-disabled";
|
|
120
|
+
/**
|
|
121
|
+
* ============================================
|
|
122
|
+
* STACK CONFIGURATION
|
|
123
|
+
* ============================================
|
|
124
|
+
* Configuración para avatares apilados (stack)
|
|
125
|
+
* Márgenes negativos y padding según el tamaño
|
|
126
|
+
*/
|
|
127
|
+
/** Márgenes negativos para cada avatar en el stack */
|
|
128
|
+
export declare const STACK_NEGATIVE_MARGINS: Record<AvatarSize, string>;
|
|
129
|
+
/** Padding derecho del contenedor del stack */
|
|
130
|
+
export declare const STACK_PADDING_RIGHT: Record<AvatarSize, string>;
|
|
120
131
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAyB,CAAA;AACpD,eAAO,MAAM,aAAa,EAAE,WAAoB,CAAA;AAChD,eAAO,MAAM,aAAa,EAAE,WAAqB,CAAA;AACjD,eAAO,MAAM,YAAY,EAAE,UAAiB,CAAA;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAc1D,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAOnF,CAAA;AAED;;;;GAIG;AAEH,sBAAsB;AACtB,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAE9C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY3D,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,4BAA4B,CAAA;AAEzD,2DAA2D;AAC3D,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGrE,CAAA;AAED;;;;GAIG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;;;;;;;GASG;AAEH,qCAAqC;AACrC,eAAO,MAAM,cAAc,wCAAwC,CAAA;AAEnE,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,iBAAiB,CAAA;AAEvD,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAE9D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAyB,CAAA;AACpD,eAAO,MAAM,aAAa,EAAE,WAAoB,CAAA;AAChD,eAAO,MAAM,aAAa,EAAE,WAAqB,CAAA;AACjD,eAAO,MAAM,YAAY,EAAE,UAAiB,CAAA;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAc1D,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAOnF,CAAA;AAED;;;;GAIG;AAEH,sBAAsB;AACtB,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAE9C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY3D,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,4BAA4B,CAAA;AAEzD,2DAA2D;AAC3D,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGrE,CAAA;AAED;;;;GAIG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;;;;;;;GASG;AAEH,qCAAqC;AACrC,eAAO,MAAM,cAAc,wCAAwC,CAAA;AAEnE,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,iBAAiB,CAAA;AAEvD,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAE9D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAA;AAErD;;;;;;GAMG;AAEH,sDAAsD;AACtD,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO7D,CAAA;AAED,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO1D,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AvatarProps } from './types';
|
|
1
|
+
import { AvatarProps, AvatarWithStackProps } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* ============================================
|
|
4
4
|
* AVATAR COMPONENT - ATOMIC DESIGN
|
|
@@ -74,13 +74,38 @@ import { AvatarProps } from './types';
|
|
|
74
74
|
* color="azure"
|
|
75
75
|
* size="md"
|
|
76
76
|
* />
|
|
77
|
+
*
|
|
78
|
+
* @example
|
|
79
|
+
* // Avatar stack (avatares apilados)
|
|
80
|
+
* // Nota: Si un avatar tiene `src`, automáticamente se usa type='people'
|
|
81
|
+
* <Avatar
|
|
82
|
+
* stack={[
|
|
83
|
+
* { src: 'https://example.com/avatar1.jpg' }, // type='people' se infiere automáticamente
|
|
84
|
+
* { src: 'https://example.com/avatar2.jpg' }, // type='people' se infiere automáticamente
|
|
85
|
+
* { src: 'https://example.com/avatar3.jpg' }, // type='people' se infiere automáticamente
|
|
86
|
+
* { type: 'letter', text: 'A', theme: 'solid', color: 'blue' }
|
|
87
|
+
* ]}
|
|
88
|
+
* size="md"
|
|
89
|
+
* />
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* // Avatar stack con límite máximo
|
|
93
|
+
* <Avatar
|
|
94
|
+
* stack={[
|
|
95
|
+
* { src: 'https://example.com/avatar1.jpg' },
|
|
96
|
+
* { src: 'https://example.com/avatar2.jpg' },
|
|
97
|
+
* // ... 8 avatares más (total 10)
|
|
98
|
+
* ]}
|
|
99
|
+
* size="md"
|
|
100
|
+
* maxVisible={5} // Muestra 5 avatares + contador "+5"
|
|
101
|
+
* />
|
|
77
102
|
*/
|
|
78
|
-
export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
103
|
+
export declare const Avatar: (props: AvatarProps | AvatarWithStackProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
79
104
|
/**
|
|
80
105
|
* ============================================
|
|
81
106
|
* TYPE EXPORTS
|
|
82
107
|
* ============================================
|
|
83
108
|
* Exportar tipos para uso externo en la aplicación
|
|
84
109
|
*/
|
|
85
|
-
export type { AvatarProps, AvatarSize, AvatarColor, AvatarTheme, AvatarType, PeopleAvatarProps, IconAvatarProps, LetterAvatarProps, } from './types';
|
|
110
|
+
export type { AvatarProps, AvatarSize, AvatarColor, AvatarTheme, AvatarType, PeopleAvatarProps, IconAvatarProps, LetterAvatarProps, AvatarWithStackProps, } from './types';
|
|
86
111
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,GAAG,oBAAoB,mDAmB/D,CAAA;AAED;;;;;GAKG;AACH,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}
|
|
@@ -10,9 +10,10 @@ export { AvatarConIcono } from './stories/icon.story';
|
|
|
10
10
|
export { AvatarConIconoConBorde } from './stories/icon-stroke.story';
|
|
11
11
|
export { AvatarConIconoCuadrado } from './stories/icon-pill.story';
|
|
12
12
|
export { AvatarConIconoCuadradoConBorde } from './stories/icon-pill-stroke.story';
|
|
13
|
+
export { AvatarStack } from './stories/stack.story';
|
|
13
14
|
declare const meta: {
|
|
14
15
|
title: string;
|
|
15
|
-
component: (props: import('..').AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
16
|
+
component: (props: import('..').AvatarProps | import('..').AvatarWithStackProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
16
17
|
tags: string[];
|
|
17
18
|
};
|
|
18
19
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/stories/avatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/stories/avatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,QAAA,MAAM,IAAI;;;;CAIqB,CAAA;AAE/B,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/stack.story.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;CAgLvB,CAAA"}
|
|
@@ -99,5 +99,53 @@ export interface LetterAvatarProps extends BaseAvatarProps {
|
|
|
99
99
|
* Union type que representa todas las posibles props del Avatar
|
|
100
100
|
*/
|
|
101
101
|
export type AvatarProps = PeopleAvatarProps | IconAvatarProps | LetterAvatarProps;
|
|
102
|
+
/**
|
|
103
|
+
* ============================================
|
|
104
|
+
* AVATAR STACK ITEM
|
|
105
|
+
* ============================================
|
|
106
|
+
* Tipo flexible para elementos del stack.
|
|
107
|
+
* Si tiene `src`, automáticamente se usa type='people' (sobrescribe cualquier type especificado).
|
|
108
|
+
* Si tiene `text`, se usa type='letter'.
|
|
109
|
+
* Si no tiene `src` ni `text`, se usa type='icon'.
|
|
110
|
+
*/
|
|
111
|
+
export type AvatarStackItem = AvatarProps | (BaseAvatarProps & {
|
|
112
|
+
src?: string;
|
|
113
|
+
alt?: string;
|
|
114
|
+
type?: 'people';
|
|
115
|
+
}) | (BaseAvatarProps & {
|
|
116
|
+
text: string;
|
|
117
|
+
type?: 'letter';
|
|
118
|
+
theme?: AvatarTheme;
|
|
119
|
+
color?: AvatarColor;
|
|
120
|
+
}) | (BaseAvatarProps & {
|
|
121
|
+
type?: 'icon';
|
|
122
|
+
theme?: AvatarTheme;
|
|
123
|
+
color?: AvatarColor;
|
|
124
|
+
});
|
|
125
|
+
/**
|
|
126
|
+
* ============================================
|
|
127
|
+
* AVATAR WITH STACK PROPS
|
|
128
|
+
* ============================================
|
|
129
|
+
* Props del Avatar con soporte para stack (avatares apilados)
|
|
130
|
+
*
|
|
131
|
+
* Nota: Si un elemento del stack tiene `src`, automáticamente
|
|
132
|
+
* se sobrescribe el type a 'people', incluso si se especifica otro type.
|
|
133
|
+
*/
|
|
134
|
+
export interface AvatarWithStackProps {
|
|
135
|
+
/** Array de avatares para mostrar en stack. Si tiene `src`, se usa type='people' automáticamente */
|
|
136
|
+
stack: AvatarStackItem[];
|
|
137
|
+
/** Tamaño del avatar (default: 'md') - se aplica a todos los avatares del stack */
|
|
138
|
+
size?: AvatarSize;
|
|
139
|
+
/** Clases CSS adicionales para el contenedor del stack */
|
|
140
|
+
className?: string;
|
|
141
|
+
/** Número máximo de avatares a mostrar. Si hay más, se muestra un contador con el número restante (ej: "+5") */
|
|
142
|
+
maxVisible?: number;
|
|
143
|
+
/** Color del avatar contador cuando se excede maxVisible (default: 'blue') */
|
|
144
|
+
counterColor?: AvatarColor;
|
|
145
|
+
/** Tema del avatar contador cuando se excede maxVisible (default: 'solid') */
|
|
146
|
+
counterTheme?: AvatarTheme;
|
|
147
|
+
/** Agrega borde de 2px a todos los avatares del stack (default: false) */
|
|
148
|
+
stroke?: boolean;
|
|
149
|
+
}
|
|
102
150
|
export {};
|
|
103
151
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/types/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjE;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,CAAA;AAEV;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAErD;;;;;GAKG;AACH,UAAU,eAAe;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,eAAe,GAAG,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/types/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjE;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,CAAA;AAEV;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAErD;;;;;GAKG;AACH,UAAU,eAAe;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,EAAE,QAAQ,CAAA;IACd,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,eAAe,GAAG,iBAAiB,CAAA;AAEjF;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,CAAC,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC,GACnE,CAAC,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,CAAC,GAC/F,CAAC,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,CAAC,CAAA;AAEnF;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,oGAAoG;IACpG,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,mFAAmF;IACnF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gHAAgH;IAChH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IconProps } from '../../shared/types/icon';
|
|
2
|
-
export declare function Icon({ name, size, color, fill, className, background, backgroundSize, svgProps, strokeWidth, padding, style, onClick, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Icon({ name, size, color, fill, className, background, backgroundColor, backgroundSize, svgProps, strokeWidth, padding, style, onClick, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/modules/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAS/C,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAgB,EAChB,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACxB,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/modules/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAS/C,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,eAAe,EACf,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAgB,EAChB,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACxB,EAAE,SAAS,2CA+CX"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IconProps } from '../../../shared/types/icon';
|
|
2
2
|
interface LegacyIconProps extends IconProps {
|
|
3
3
|
}
|
|
4
|
-
export declare function LegacyIcon({ name, size, color, fill, className, background, backgroundSize, svgProps, strokeWidth, onClick, padding }: LegacyIconProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
export declare function LegacyIcon({ name, size, color, fill, className, background, backgroundColor, backgroundSize, svgProps, strokeWidth, onClick, padding }: LegacyIconProps): import("react/jsx-runtime").JSX.Element | null;
|
|
5
5
|
export {};
|
|
6
6
|
//# sourceMappingURL=LegacyIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegacyIcon.d.ts","sourceRoot":"","sources":["../../../../src/modules/Icon/components/LegacyIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAQ/C,UAAU,eAAgB,SAAQ,SAAS;CAE1C;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAO,EACP,OAAgB,EACjB,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"LegacyIcon.d.ts","sourceRoot":"","sources":["../../../../src/modules/Icon/components/LegacyIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAQ/C,UAAU,eAAgB,SAAQ,SAAS;CAE1C;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAW,EACX,KAAiB,EACjB,IAAc,EACd,SAAS,EACT,UAAkB,EAClB,eAAe,EACf,cAAqB,EACrB,QAAa,EACb,WAAe,EACf,OAAO,EACP,OAAgB,EACjB,EAAE,eAAe,kDAkJjB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IconProp, IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
3
|
-
import { IconFontColor, IconFontSize } from '../../../../shared/types';
|
|
3
|
+
import { IconFontColor, IconFontSize, VisualSize } from '../../../../shared/types';
|
|
4
4
|
type AnyIconDefinition = IconProp | IconDefinition | {
|
|
5
5
|
icon: any;
|
|
6
6
|
prefix?: string;
|
|
@@ -16,7 +16,11 @@ export interface IconFontProps {
|
|
|
16
16
|
colorDuotoneSecondary?: IconFontColor;
|
|
17
17
|
opacityDuotonePrimary?: number;
|
|
18
18
|
opacityDuotoneSecondary?: number;
|
|
19
|
+
background?: boolean;
|
|
20
|
+
backgroundColor?: string;
|
|
21
|
+
backgroundSize?: VisualSize;
|
|
22
|
+
padding?: 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
19
23
|
}
|
|
20
|
-
export declare const IconFont: ({ className, icon, size, color, onClick, style, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary }: IconFontProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const IconFont: ({ className, icon, size, color, onClick, style, colorDuotonePrimary, colorDuotoneSecondary, opacityDuotonePrimary, opacityDuotoneSecondary, background, backgroundColor, backgroundSize, padding }: IconFontProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
25
|
export {};
|
|
22
26
|
//# sourceMappingURL=IconFont.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconFont.d.ts","sourceRoot":"","sources":["../../../../../src/modules/IconFont/components/organims/IconFont.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAG5E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"IconFont.d.ts","sourceRoot":"","sources":["../../../../../src/modules/IconFont/components/organims/IconFont.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAG5E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIzE,KAAK,iBAAiB,GAAG,QAAQ,GAAG,cAAc,GAAG;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAkCnF,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,iBAAiB,CAAA;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IACvD,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;CACtE;AAED,eAAO,MAAM,QAAQ,GAAI,oMAetB,aAAa,4CAqIf,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAU3D,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAU3D,eAAO,MAAM,KAAK,iGA2OjB,CAAA"}
|
|
@@ -5,11 +5,12 @@ interface UseInputStylesProps {
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
fullWidth?: boolean;
|
|
7
7
|
caret?: boolean;
|
|
8
|
+
errorCursor?: boolean;
|
|
8
9
|
paddingClasses: string;
|
|
9
10
|
autosize?: boolean;
|
|
10
11
|
pill: PillSize;
|
|
11
12
|
}
|
|
12
|
-
export declare const useInputStyles: ({ size, error, disabled, fullWidth, caret, paddingClasses, autosize, pill, }: UseInputStylesProps) => {
|
|
13
|
+
export declare const useInputStyles: ({ size, error, disabled, fullWidth, caret, errorCursor, paddingClasses, autosize, pill, }: UseInputStylesProps) => {
|
|
13
14
|
inputSizes: {
|
|
14
15
|
xs: string;
|
|
15
16
|
sm: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/hooks/useInputStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,eAAO,MAAM,cAAc,GAAI,
|
|
1
|
+
{"version":3,"file":"useInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/modules/Input/hooks/useInputStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,eAAO,MAAM,cAAc,GAAI,2FAU5B,mBAAmB;;;;;;;;;;CA0ErB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/modules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACX,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/modules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACX,MAAM,sBAAsB,CAAA;AA+J7B,eAAO,MAAM,KAAK,EAIZ,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IAC3B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;CACnC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,eAAO,MAAM,SAAS,GAAI,2BAAkC,cAAc,4CAazE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Modal/components/molecules/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIvD,eAAO,MAAM,WAAW,GAAI,0QAWzB,gBAAgB,4CAmGlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../../src/modules/Modal/context/ModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAInE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../../src/modules/Modal/context/ModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAInE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+F9C,CAAA;AAED,eAAO,MAAM,eAAe,wBAM3B,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { InputRef } from '../../../../shared/types/input';
|
|
2
|
+
interface ColorInputProps {
|
|
3
|
+
/** Color en formato hexadecimal */
|
|
4
|
+
color?: string;
|
|
5
|
+
/** Label del input */
|
|
6
|
+
label?: string;
|
|
7
|
+
/** Mensaje de error */
|
|
8
|
+
error?: string;
|
|
9
|
+
/** Texto de ayuda */
|
|
10
|
+
helperText?: string;
|
|
11
|
+
/** Si el componente está deshabilitado */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/** Callback cuando cambia el color */
|
|
14
|
+
onColorChange?: (color: string) => void;
|
|
15
|
+
/** Callback cuando se hace click en el input */
|
|
16
|
+
onClick?: () => void;
|
|
17
|
+
/** Clase personalizada */
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Componente atom que muestra un input con el color de fondo aplicado
|
|
22
|
+
*/
|
|
23
|
+
export declare const ColorInput: import('react').ForwardRefExoticComponent<ColorInputProps & import('react').RefAttributes<InputRef>>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=ColorInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/atoms/ColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAI/C,UAAU,eAAe;IACvB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAyBD;;GAEG;AACH,eAAO,MAAM,UAAU,sGAqGtB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface ColorSwatchProps {
|
|
2
|
+
/** Color en formato hexadecimal */
|
|
3
|
+
color: string;
|
|
4
|
+
/** Si el color está seleccionado */
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
/** Callback cuando se hace click en el color */
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
/** Tamaño del swatch */
|
|
9
|
+
size?: 'sm' | 'md' | 'lg';
|
|
10
|
+
/** Clase personalizada */
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Componente atom para mostrar un color individual
|
|
15
|
+
*/
|
|
16
|
+
export declare const ColorSwatch: ({ color, selected, onClick, size, className, }: ColorSwatchProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=ColorSwatch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/atoms/ColorSwatch.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,gDAMzB,gBAAgB,4CA4ClB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface ColorPaletteProps {
|
|
2
|
+
/** Color actual en formato hexadecimal */
|
|
3
|
+
color: string;
|
|
4
|
+
/** Callback cuando cambia el color */
|
|
5
|
+
onColorChange: (color: string) => void;
|
|
6
|
+
/** Clase personalizada */
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Componente molecule que muestra un selector de colores completo
|
|
11
|
+
* con paleta de saturación/luminosidad y barra de matiz
|
|
12
|
+
*/
|
|
13
|
+
export declare const ColorPalette: ({ color, onColorChange, className, }: ColorPaletteProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=ColorPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/molecules/ColorPalette.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,sCAI1B,iBAAiB,4CAmKnB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface ColorPickerContentProps {
|
|
2
|
+
/** Color actual seleccionado */
|
|
3
|
+
currentColor?: string;
|
|
4
|
+
/** Colores recientes */
|
|
5
|
+
recentColors: string[];
|
|
6
|
+
/** Callback cuando se selecciona un color */
|
|
7
|
+
onColorSelect: (color: string) => void;
|
|
8
|
+
/** Si mostrar el input hexadecimal */
|
|
9
|
+
showHexInput?: boolean;
|
|
10
|
+
/** Clase personalizada */
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Componente molecule que contiene el contenido del picker de color
|
|
15
|
+
*/
|
|
16
|
+
export declare const ColorPickerContent: ({ currentColor, recentColors, onColorSelect, showHexInput, className, }: ColorPickerContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=ColorPickerContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPickerContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/molecules/ColorPickerContent.tsx"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB;IACxB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,6CAA6C;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,yEAMhC,uBAAuB,4CAmJzB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ColorPickerProps, ColorPickerRef } from '../../../../shared/types/colorpicker';
|
|
2
|
+
export declare const PickerColor: import('react').ForwardRefExoticComponent<ColorPickerProps & import('react').RefAttributes<ColorPickerRef>>;
|
|
3
|
+
//# sourceMappingURL=PickerColor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PickerColor.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/organisms/PickerColor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAI7E,eAAO,MAAM,WAAW,6GA4MvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/PickerColor/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Colores recomendados para mostrar cuando no hay colores recientes
|
|
3
|
+
*/
|
|
4
|
+
export declare const RECOMMENDED_COLORS: string[];
|
|
5
|
+
/**
|
|
6
|
+
* Clave para almacenar colores recientes en localStorage
|
|
7
|
+
*/
|
|
8
|
+
export declare const STORAGE_KEY = "color-picker-recent";
|
|
9
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/constants/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAqB9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface UseEyeDropperReturn {
|
|
2
|
+
isSupported: boolean;
|
|
3
|
+
isActive: boolean;
|
|
4
|
+
pickColor: () => Promise<string | null>;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Hook para usar la API EyeDropper del navegador
|
|
8
|
+
* Permite seleccionar un color de cualquier parte de la pantalla
|
|
9
|
+
*/
|
|
10
|
+
export declare const useEyeDropper: () => UseEyeDropperReturn;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=useEyeDropper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEyeDropper.d.ts","sourceRoot":"","sources":["../../../../src/modules/PickerColor/hooks/useEyeDropper.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CACxC;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,mBAuChC,CAAA"}
|