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.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 ComponentFont = {
24
+ type Font = {
27
25
  size?: string;
28
- casing?: TextCasing;
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?: ComponentFont;
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<any>;
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.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
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
- export { Button, Fade, Footer, Hero, Icon, Navbar, Showcase, Slider, type SliderRef };
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 };