@mp-front/components 0.0.1-next-1 → 0.0.1-next-2
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/components/grid/col/col.component.d.ts +4 -0
- package/dist/components/grid/col/col.component.d.ts.map +1 -0
- package/dist/components/grid/col/index.d.ts +2 -0
- package/dist/components/grid/col/index.d.ts.map +1 -0
- package/dist/components/grid/grid.stories.d.ts +52 -0
- package/dist/components/grid/grid.stories.d.ts.map +1 -0
- package/dist/components/grid/grid.test.d.ts +2 -0
- package/dist/components/grid/grid.test.d.ts.map +1 -0
- package/dist/components/grid/grid.types.d.ts +33 -0
- package/dist/components/grid/grid.types.d.ts.map +1 -0
- package/dist/components/grid/index.d.ts +3 -0
- package/dist/components/grid/index.d.ts.map +1 -0
- package/dist/components/grid/row/index.d.ts +2 -0
- package/dist/components/grid/row/index.d.ts.map +1 -0
- package/dist/components/grid/row/row.component.d.ts +4 -0
- package/dist/components/grid/row/row.component.d.ts.map +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/tabs/index.d.ts +3 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/tabs.component.d.ts +4 -0
- package/dist/components/tabs/tabs.component.d.ts.map +1 -0
- package/dist/components/tabs/tabs.stories.d.ts +8 -0
- package/dist/components/tabs/tabs.stories.d.ts.map +1 -0
- package/dist/components/tabs/tabs.styles.d.ts +15 -0
- package/dist/components/tabs/tabs.styles.d.ts.map +1 -0
- package/dist/components/tabs/tabs.test.d.ts +2 -0
- package/dist/components/tabs/tabs.test.d.ts.map +1 -0
- package/dist/components/tabs/tabs.types.d.ts +19 -0
- package/dist/components/tabs/tabs.types.d.ts.map +1 -0
- package/dist/components/tabs/tabs.utils.d.ts +6 -0
- package/dist/components/tabs/tabs.utils.d.ts.map +1 -0
- package/dist/components/tabs/tabsContent.d.ts +10 -0
- package/dist/components/tabs/tabsContent.d.ts.map +1 -0
- package/dist/components/tabs/tabsList.d.ts +11 -0
- package/dist/components/tabs/tabsList.d.ts.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/ui-components-hooks.js +1 -1
- package/dist/ui-components-index.cjs +39 -39
- package/dist/ui-components-index.js +6762 -6477
- package/package.json +1 -1
- package/dist/constants/tailwind-config/index.d.ts +0 -3
- package/dist/constants/tailwind-config/index.d.ts.map +0 -1
- package/dist/ui-components-tailwind.cjs +0 -1
- package/dist/ui-components-tailwind.js +0 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"col.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/col/col.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAYrD,QAAA,MAAM,GAAG,8DAQN,IAAI,4CAgBN,CAAA;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/col/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
/**
|
|
3
|
+
* Stories de Storybook para el sistema de Grid (Row y Col).
|
|
4
|
+
*
|
|
5
|
+
* Demuestra el uso combinado y responsivo de los componentes Row y Col,
|
|
6
|
+
* respetando sus interfaces y mostrando ejemplos prácticos.
|
|
7
|
+
*
|
|
8
|
+
* @module GridStories
|
|
9
|
+
* @see {@link Row} para el componente de fila
|
|
10
|
+
* @see {@link Col} para el componente de columna
|
|
11
|
+
*/
|
|
12
|
+
declare const meta: Meta;
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj;
|
|
15
|
+
/**
|
|
16
|
+
* Ejemplo básico de grid con 3 columnas de igual tamaño.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <Row cols={3} gap={4}>
|
|
21
|
+
* <Col>Col 1</Col>
|
|
22
|
+
* <Col>Col 2</Col>
|
|
23
|
+
* <Col>Col 3</Col>
|
|
24
|
+
* </Row>
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare const Basico: Story;
|
|
28
|
+
/**
|
|
29
|
+
* Ejemplo de grid responsivo usando la prop `span` en Col.
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* ```tsx
|
|
33
|
+
* <Row cols={12} gap={2}>
|
|
34
|
+
* <Col span={[12, { md: 6, lg: 4 }]}>Columna 1</Col>
|
|
35
|
+
* <Col span={[12, { md: 6, lg: 8 }]}>Columna 2</Col>
|
|
36
|
+
* </Row>
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export declare const Responsive: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Ejemplo avanzado con control de start, end, justify y align en columnas.
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```tsx
|
|
45
|
+
* <Row cols={6} gap={2}>
|
|
46
|
+
* <Col span={2} start={2} justify="center" align="center">A</Col>
|
|
47
|
+
* <Col span={3} end={6} justify="end" align="end">B</Col>
|
|
48
|
+
* </Row>
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
export declare const Avanzado: Story;
|
|
52
|
+
//# sourceMappingURL=grid.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,EAAE,IAYX,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,EAAE,KAoBpB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/grid.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Generic, TGapAllowed } from '../../interfaces/common';
|
|
2
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
3
|
+
export type TNumberAllowed = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
4
|
+
export declare enum EPrefixGrid {
|
|
5
|
+
cols = "grid-cols",
|
|
6
|
+
rows = "grid-rows",
|
|
7
|
+
gap = "gap",
|
|
8
|
+
justifyItems = "justify-items",
|
|
9
|
+
alignContent = "content",
|
|
10
|
+
span = "col-span",
|
|
11
|
+
start = "col-start",
|
|
12
|
+
end = "col-end",
|
|
13
|
+
justifySelf = "justify-self",
|
|
14
|
+
alignSelf = "self"
|
|
15
|
+
}
|
|
16
|
+
export type TJustifyItems = "start" | "center" | "end" | "stretch" | "none";
|
|
17
|
+
export type TAlignContent = "center" | "start" | "end" | "between" | "around" | "evenly";
|
|
18
|
+
export type TJustifySelf = "auto" | "start" | "end" | "center" | "stretch";
|
|
19
|
+
export type TAlignSelf = "auto" | "start" | "end" | "center" | "stretch" | "baseline";
|
|
20
|
+
export interface IRow extends HTMLMotionProps<"div"> {
|
|
21
|
+
cols?: Generic<TNumberAllowed | "none">;
|
|
22
|
+
gap?: Generic<TGapAllowed>;
|
|
23
|
+
justify?: Generic<TJustifyItems>;
|
|
24
|
+
align?: Generic<TAlignContent | "none">;
|
|
25
|
+
}
|
|
26
|
+
export interface ICol extends HTMLMotionProps<"div"> {
|
|
27
|
+
span?: Generic<TNumberAllowed | "auto" | "full">;
|
|
28
|
+
start?: Generic<TNumberAllowed | 13 | "auto">;
|
|
29
|
+
end?: Generic<TNumberAllowed | 13 | "auto">;
|
|
30
|
+
justify?: Generic<TJustifySelf>;
|
|
31
|
+
align?: Generic<TAlignSelf>;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=grid.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/grid.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAE7E,oBAAY,WAAW;IACrB,IAAI,cAAc;IAClB,IAAI,cAAc;IAClB,GAAG,QAAQ;IACX,YAAY,kBAAkB;IAC9B,YAAY,YAAY;IACxB,IAAI,aAAa;IACjB,KAAK,cAAc;IACnB,GAAG,YAAY;IACf,WAAW,iBAAiB;IAC5B,SAAS,SAAS;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,MAAM,CAAA;AAC3E,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,OAAO,GACP,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAA;AACZ,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;AAC1E,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,WAAW,IAAK,SAAQ,eAAe,CAAC,KAAK,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,GAAG,MAAM,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,IAAK,SAAQ,eAAe,CAAC,KAAK,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,EAAE,GAAG,MAAM,CAAC,CAAA;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,EAAE,GAAG,MAAM,CAAC,CAAA;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAA;AAC1C,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"row.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/row/row.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,GAAG,uDAA6D,IAAI,4CAgBzE,CAAA;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -29,7 +29,10 @@ export { default as Spinner } from './spinner/spinner.component';
|
|
|
29
29
|
export { default as Steps } from './steps/steps.component';
|
|
30
30
|
export { default as Switch } from './switch/switch.component';
|
|
31
31
|
export { default as Tag } from './tag/tag.component';
|
|
32
|
+
export { default as Tabs } from './tabs/tabs.component';
|
|
32
33
|
export { default as TextArea } from './textArea/text.area.component';
|
|
33
34
|
export { default as Tooltip } from './tooltip/tooltip.component';
|
|
34
35
|
export { default as Typography } from './typography';
|
|
36
|
+
export { default as Row } from './grid/row/row.component';
|
|
37
|
+
export { default as Col } from './grid/col/col.component';
|
|
35
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,0BAA0B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ITabsProps } from './tabs.types';
|
|
2
|
+
declare const Tabs: ({ currentActiveKey, type, items, onChange, className, contentClassName, activeColorTabs, }: ITabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Tabs;
|
|
4
|
+
//# sourceMappingURL=tabs.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,+FAQP,UAAU,4CAsBZ,CAAA;AACD,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Tabs } from './tabs.component';
|
|
3
|
+
declare const meta: Meta<typeof Tabs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tabs>;
|
|
6
|
+
export declare const Example: Story;
|
|
7
|
+
export declare const ImplementTab: Story;
|
|
8
|
+
//# sourceMappingURL=tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAmCnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type TypeTabs = "default" | "underline" | "with-icon" | "pills" | "segmented";
|
|
3
|
+
export interface ITabItem {
|
|
4
|
+
key: string;
|
|
5
|
+
label: React.ReactNode | string;
|
|
6
|
+
href?: string;
|
|
7
|
+
content?: React.ReactNode | string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface ITabsProps {
|
|
11
|
+
currentActiveKey: string;
|
|
12
|
+
type?: TypeTabs;
|
|
13
|
+
items: ITabItem[];
|
|
14
|
+
onChange: (currentActiveKey: string) => void;
|
|
15
|
+
className?: string;
|
|
16
|
+
contentClassName?: string;
|
|
17
|
+
activeColorTabs?: string;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=tabs.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,WAAW,GACX,OAAO,GACP,WAAW,CAAA;AAEf,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { TypeTabs } from './tabs.types';
|
|
2
|
+
export declare const getContainerClasses: (type: TypeTabs, className?: string) => string;
|
|
3
|
+
export declare const getListClasses: (type: TypeTabs) => string;
|
|
4
|
+
export declare const getTriggerBaseClasses: (type: TypeTabs) => string;
|
|
5
|
+
export declare const getActiveClasses: (type: TypeTabs, activeColorTabs: string) => string;
|
|
6
|
+
//# sourceMappingURL=tabs.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,mBAAmB,SAAU,QAAQ,cAAc,MAAM,WAWnE,CAAA;AAEH,eAAO,MAAM,cAAc,SAAU,QAAQ,WASzC,CAAA;AAEJ,eAAO,MAAM,qBAAqB,SAAU,QAAQ,WAUhD,CAAA;AAEJ,eAAO,MAAM,gBAAgB,SAAU,QAAQ,mBAAmB,MAAM,WAQpE,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITabItem, TypeTabs } from './tabs.types';
|
|
2
|
+
interface TabsContentProps {
|
|
3
|
+
type: TypeTabs;
|
|
4
|
+
items: ITabItem[];
|
|
5
|
+
currentActiveKey: string;
|
|
6
|
+
contentClassName?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const TabsContent: ({ type, items, currentActiveKey, contentClassName, }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default TabsContent;
|
|
10
|
+
//# sourceMappingURL=tabsContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabsContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabsContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIjD,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yDAKd,gBAAgB,4CAoClB,CAAA;AACD,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ITabItem, TypeTabs } from './tabs.types';
|
|
2
|
+
interface TabsListProps {
|
|
3
|
+
type: TypeTabs;
|
|
4
|
+
items: ITabItem[];
|
|
5
|
+
currentActiveKey: string;
|
|
6
|
+
activeColorTabs: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const TabsList: ({ type, items, currentActiveKey, activeColorTabs, className, }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default TabsList;
|
|
11
|
+
//# sourceMappingURL=tabsList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabsList.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabsList.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEjD,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,mEAMX,aAAa,4CAkCf,CAAA;AACD,eAAe,QAAQ,CAAA"}
|