@newtonschool/grauity 1.3.5 → 1.3.6
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 +18 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/main.cjs +1 -1
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +1 -1
- package/dist/module.mjs.map +1 -1
- package/dist/ui/elements/Carousel/Carousel.d.ts.map +1 -1
- package/dist/ui/elements/Carousel/Carousel.styles.d.ts +2 -2
- package/dist/ui/elements/Carousel/Carousel.styles.d.ts.map +1 -1
- package/dist/ui/elements/Carousel/types.d.ts +21 -3
- package/dist/ui/elements/Carousel/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAsIrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { StyledDivProps } from '../../../common/types';
|
|
2
|
-
import { StyledCarouselHeaderRowProps, StyledCarouselItemsContainerProps } from './types';
|
|
2
|
+
import { StyledCarouselHeaderRowProps, StyledCarouselItemProps, StyledCarouselItemsContainerProps } from './types';
|
|
3
3
|
export declare const StyledCarouselContainer: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
|
|
4
4
|
export declare const StyledCarouselHeaderRow: import("styled-components").StyledComponent<string, any, StyledCarouselHeaderRowProps, never>;
|
|
5
5
|
export declare const StyledCarouselTitle: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
6
6
|
export declare const StyledCarouselControls: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
7
7
|
export declare const StyledCarouselItemsContainer: import("styled-components").StyledComponent<string, any, StyledCarouselItemsContainerProps, never>;
|
|
8
|
-
export declare const StyledCarouselItem: import("styled-components").StyledComponent<string, any,
|
|
8
|
+
export declare const StyledCarouselItem: import("styled-components").StyledComponent<string, any, StyledCarouselItemProps, never>;
|
|
9
9
|
//# sourceMappingURL=Carousel.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACH,4BAA4B,EAC5B,iCAAiC,EACpC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,iFAWnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+FAQnC,CAAC;AACF,eAAO,MAAM,mBAAmB,qEAO/B,CAAC;AACF,eAAO,MAAM,sBAAsB,qEAKlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,oGAOxC,CAAC;AACF,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/Carousel.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACH,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACpC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB,iFAWnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+FAQnC,CAAC;AACF,eAAO,MAAM,mBAAmB,qEAO/B,CAAC;AACF,eAAO,MAAM,sBAAsB,qEAKlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,oGAOxC,CAAC;AACF,eAAO,MAAM,kBAAkB,0FAG9B,CAAC"}
|
|
@@ -5,22 +5,32 @@ export type IconPosition = 'left' | 'right';
|
|
|
5
5
|
export interface CarouselProps {
|
|
6
6
|
/**
|
|
7
7
|
* An array of React nodes to be displayed as items in the carousel.
|
|
8
|
-
* default
|
|
8
|
+
* @default []
|
|
9
9
|
*/
|
|
10
10
|
items?: React.ReactNode[];
|
|
11
11
|
/**
|
|
12
12
|
* A React node to be displayed as the title of the carousel.
|
|
13
|
-
* default
|
|
13
|
+
* @default null
|
|
14
14
|
*/
|
|
15
15
|
title?: React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Whether to make the items take up the full width of the container.
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
20
|
+
fullWidthItems?: boolean;
|
|
16
21
|
/**
|
|
17
22
|
* The amount of pixels to scroll when the navigation icons are clicked.
|
|
18
23
|
* @default 100
|
|
19
24
|
*/
|
|
20
25
|
scrollAmount?: number;
|
|
26
|
+
/**
|
|
27
|
+
* Whether to hide the navigation icons when there are less items than the visible area.
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
hideIconsOnLessItems?: boolean;
|
|
21
31
|
/**
|
|
22
32
|
* The position of the navigation icons.
|
|
23
|
-
* default
|
|
33
|
+
* @default right
|
|
24
34
|
*/
|
|
25
35
|
iconPosition?: IconPosition;
|
|
26
36
|
/**
|
|
@@ -58,6 +68,11 @@ export interface CarouselProps {
|
|
|
58
68
|
* @default null
|
|
59
69
|
*/
|
|
60
70
|
style?: React.CSSProperties;
|
|
71
|
+
/**
|
|
72
|
+
* Custom class name to be applied to the carousel.
|
|
73
|
+
* @default null
|
|
74
|
+
*/
|
|
75
|
+
className?: string;
|
|
61
76
|
}
|
|
62
77
|
export interface StyledCarouselHeaderRowProps extends StyledDivProps {
|
|
63
78
|
$iconPosition: IconPosition;
|
|
@@ -66,4 +81,7 @@ export interface StyledCarouselItemsContainerProps extends StyledDivProps {
|
|
|
66
81
|
$gap: number;
|
|
67
82
|
$translateX: number;
|
|
68
83
|
}
|
|
84
|
+
export interface StyledCarouselItemProps extends StyledDivProps {
|
|
85
|
+
$fullWidth: boolean;
|
|
86
|
+
}
|
|
69
87
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAChE,aAAa,EAAE,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,iCAAkC,SAAQ,cAAc;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,UAAU,EAAE,OAAO,CAAC;CACvB"}
|