wex-ui-lib 1.2.42 → 1.3.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.cjs.js +176 -96
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +66 -10
- package/dist/index.esm.js +172 -96
- package/dist/index.esm.js.map +1 -1
- package/dist/types/components/Button/index.types.d.ts +2 -2
- package/dist/types/components/Card/Card.d.ts +21 -0
- package/dist/types/components/Card/Card.stories.d.ts +9 -0
- package/dist/types/components/Showcase/Showcase.types.d.ts +3 -1
- package/dist/types/components/Tabs/Tabs.d.ts +13 -0
- package/dist/types/components/Tabs/Tabs.stories.d.ts +7 -0
- package/dist/types/index.d.ts +5 -1
- package/dist/types/sections/Cards/Cards.d.ts +9 -0
- package/dist/types/sections/Cards/Cards.stories.d.ts +7 -0
- package/dist/types/sections/EntrySelector/EntrySelector.d.ts +15 -0
- package/dist/types/sections/EntrySelector/EntrySelector.stories.d.ts +7 -0
- package/dist/types/shared/components/Fade.d.ts +2 -2
- package/dist/types/shared/types.d.ts +3 -3
- package/dist/types/shared/utils/formatters.d.ts +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import React$1, { JSX } from 'react';
|
1
|
+
import React$1, { JSX, ReactElement } from 'react';
|
2
2
|
|
3
3
|
type ArrowIcon = 'arrow-long' | 'arrow-caret' | 'arrow-long-left' | 'arrow-caret-left';
|
4
4
|
type SocialMediaIcon = "twitter" | "instagram" | "youtube" | "linkedin";
|
@@ -13,8 +13,6 @@ type IconProps = {
|
|
13
13
|
|
14
14
|
declare function Icon(props: IconProps): React$1.JSX.Element;
|
15
15
|
|
16
|
-
type TextCasing = 'first-capitalized' | 'uppercase' | 'lowercase';
|
17
|
-
|
18
16
|
type ComponentColors = {
|
19
17
|
text?: string;
|
20
18
|
textHover?: string;
|
@@ -23,19 +21,20 @@ type ComponentColors = {
|
|
23
21
|
border?: string;
|
24
22
|
borderHover?: string;
|
25
23
|
};
|
26
|
-
type
|
24
|
+
type Font = {
|
27
25
|
size?: string;
|
28
|
-
casing?:
|
26
|
+
casing?: 'first-capitalized' | 'uppercase' | 'lowercase';
|
29
27
|
weight?: '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
30
28
|
};
|
31
29
|
type Opacity = "10%" | "20%" | "30%" | "40%" | "50%" | "60%" | "70%" | "80%" | "90%";
|
30
|
+
type DisplayMode = "light" | "dark";
|
32
31
|
|
33
32
|
type ButtonProps = {
|
34
33
|
children?: React.ReactNode | string;
|
35
34
|
onClick?: () => void;
|
36
35
|
type?: "default" | "rounded" | "pill" | "underlined";
|
37
36
|
colors?: ComponentColors;
|
38
|
-
font?:
|
37
|
+
font?: Font;
|
39
38
|
arrow?: ArrowIcon;
|
40
39
|
};
|
41
40
|
|
@@ -83,10 +82,10 @@ type HeroProps = {
|
|
83
82
|
declare function Hero(props: HeroProps): React$1.JSX.Element;
|
84
83
|
|
85
84
|
type FadeProps = {
|
86
|
-
children: React$1.ReactElement
|
85
|
+
children: React$1.ReactElement;
|
87
86
|
type?: 'top-to-bottom' | 'right-to-left' | 'bottom-to-top' | 'left-to-right';
|
88
87
|
};
|
89
|
-
declare function Fade(props: FadeProps): React$1.
|
88
|
+
declare function Fade(props: FadeProps): React$1.JSX.Element;
|
90
89
|
|
91
90
|
type goToOption = 'next' | 'prev' | number;
|
92
91
|
type SliderRef = {
|
@@ -106,8 +105,10 @@ type SliderProps = {
|
|
106
105
|
declare function Slider(props: SliderProps): React$1.JSX.Element;
|
107
106
|
|
108
107
|
type ShowcaseProps = {
|
108
|
+
items: ShowcaseItem[];
|
109
|
+
itemsPerRow?: number;
|
110
|
+
gap?: string;
|
109
111
|
backgroundColor?: string;
|
110
|
-
items: [ShowcaseItem, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?, ShowcaseItem?];
|
111
112
|
};
|
112
113
|
type ShowcaseItem = {
|
113
114
|
label: string;
|
@@ -146,4 +147,59 @@ type FooterProps = {
|
|
146
147
|
|
147
148
|
declare function Footer(props: FooterProps): React$1.JSX.Element;
|
148
149
|
|
149
|
-
|
150
|
+
type CardProps = {
|
151
|
+
type?: "default";
|
152
|
+
backgroundColor?: string;
|
153
|
+
title?: Font & {
|
154
|
+
text: string;
|
155
|
+
color?: string;
|
156
|
+
};
|
157
|
+
description?: Font & {
|
158
|
+
text: string;
|
159
|
+
color?: string;
|
160
|
+
};
|
161
|
+
icon?: {
|
162
|
+
element: ReactElement;
|
163
|
+
width?: string;
|
164
|
+
height?: string;
|
165
|
+
};
|
166
|
+
callback?: () => void;
|
167
|
+
};
|
168
|
+
declare function Card(props: CardProps): React$1.JSX.Element;
|
169
|
+
|
170
|
+
type CardsProps = {
|
171
|
+
cards: CardProps[];
|
172
|
+
padding?: string;
|
173
|
+
backgroundColor?: string;
|
174
|
+
gap?: string;
|
175
|
+
};
|
176
|
+
declare function Cards(props: CardsProps): React$1.JSX.Element;
|
177
|
+
|
178
|
+
type EntrySelectorProps = {
|
179
|
+
title?: string;
|
180
|
+
colors?: {
|
181
|
+
background?: string;
|
182
|
+
lightBackground?: string;
|
183
|
+
accent?: string;
|
184
|
+
};
|
185
|
+
padding?: string;
|
186
|
+
items: {
|
187
|
+
name: string;
|
188
|
+
content?: ReactElement;
|
189
|
+
}[];
|
190
|
+
};
|
191
|
+
declare function EntrySelector(props: EntrySelectorProps): React$1.JSX.Element;
|
192
|
+
|
193
|
+
interface TabsProps {
|
194
|
+
tabPadding?: string;
|
195
|
+
accentColor?: string;
|
196
|
+
displayMode?: DisplayMode;
|
197
|
+
font?: Font;
|
198
|
+
tabs: {
|
199
|
+
label: string;
|
200
|
+
content: React$1.ReactNode;
|
201
|
+
}[];
|
202
|
+
}
|
203
|
+
declare const Tabs: React$1.FC<TabsProps>;
|
204
|
+
|
205
|
+
export { Button, Card, Cards, EntrySelector, Fade, Footer, Hero, Icon, Navbar, Showcase, Slider, type SliderRef, Tabs };
|