jamespot-react-components 1.0.121 → 1.0.122
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/build/jamespot-react-components.js +212 -197
- package/build/jamespot-react-components.js.map +1 -1
- package/build/src/components/JRCButton/JRCButton.d.ts +3 -3
- package/build/src/components/JRCButton/JRCButtonConfig.d.ts +79 -0
- package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.styles.d.ts +1 -1
- package/build/src/components/Stepper/JRCFadeStepper.d.ts +0 -4
- package/build/src/components/Stepper/JRCStepper.style.d.ts +0 -1
- package/build/src/components/Templates/JRCStepperPage.d.ts +11 -0
- package/build/src/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -18,7 +18,7 @@ export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> &
|
|
|
18
18
|
/** set the icon at the right of the button */
|
|
19
19
|
iconRight?: boolean;
|
|
20
20
|
/** The variant is used to define what type of action the button will take */
|
|
21
|
-
variant?: 'contained' | 'outlined';
|
|
21
|
+
variant?: 'contained' | 'outlined' | 'link';
|
|
22
22
|
/** CSS float attribute */
|
|
23
23
|
float?: 'left' | 'right';
|
|
24
24
|
/** CSS min-width attribute */
|
|
@@ -49,7 +49,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
|
|
|
49
49
|
/** set the icon at the right of the button */
|
|
50
50
|
iconRight?: boolean | undefined;
|
|
51
51
|
/** The variant is used to define what type of action the button will take */
|
|
52
|
-
variant?: "contained" | "outlined" | undefined;
|
|
52
|
+
variant?: "link" | "contained" | "outlined" | undefined;
|
|
53
53
|
/** CSS float attribute */
|
|
54
54
|
float?: "left" | "right" | undefined;
|
|
55
55
|
/** CSS min-width attribute */
|
|
@@ -73,7 +73,7 @@ export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.Detai
|
|
|
73
73
|
/** set the icon at the right of the button */
|
|
74
74
|
iconRight?: boolean | undefined;
|
|
75
75
|
/** The variant is used to define what type of action the button will take */
|
|
76
|
-
variant?: "contained" | "outlined" | undefined;
|
|
76
|
+
variant?: "link" | "contained" | "outlined" | undefined;
|
|
77
77
|
/** CSS float attribute */
|
|
78
78
|
float?: "left" | "right" | undefined;
|
|
79
79
|
/** CSS min-width attribute */
|
|
@@ -133,6 +133,83 @@ export declare const BUTTON_CONFIG: {
|
|
|
133
133
|
};
|
|
134
134
|
};
|
|
135
135
|
};
|
|
136
|
+
link: {
|
|
137
|
+
primary: {
|
|
138
|
+
color: string;
|
|
139
|
+
background: string;
|
|
140
|
+
border: string;
|
|
141
|
+
active: {
|
|
142
|
+
background: string;
|
|
143
|
+
border: string;
|
|
144
|
+
'text-decoration': string;
|
|
145
|
+
};
|
|
146
|
+
hover: {
|
|
147
|
+
background: string;
|
|
148
|
+
border: string;
|
|
149
|
+
'text-decoration': string;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
valid: {
|
|
153
|
+
color: string;
|
|
154
|
+
background: string;
|
|
155
|
+
border: string;
|
|
156
|
+
active: {
|
|
157
|
+
background: string;
|
|
158
|
+
border: string;
|
|
159
|
+
'text-decoration': string;
|
|
160
|
+
};
|
|
161
|
+
hover: {
|
|
162
|
+
background: string;
|
|
163
|
+
border: string;
|
|
164
|
+
'text-decoration': string;
|
|
165
|
+
};
|
|
166
|
+
};
|
|
167
|
+
danger: {
|
|
168
|
+
color: string;
|
|
169
|
+
background: string;
|
|
170
|
+
border: string;
|
|
171
|
+
active: {
|
|
172
|
+
background: string;
|
|
173
|
+
border: string;
|
|
174
|
+
'text-decoration': string;
|
|
175
|
+
};
|
|
176
|
+
hover: {
|
|
177
|
+
background: string;
|
|
178
|
+
border: string;
|
|
179
|
+
'text-decoration': string;
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
secondary: {
|
|
183
|
+
color: string;
|
|
184
|
+
background: string;
|
|
185
|
+
border: string;
|
|
186
|
+
active: {
|
|
187
|
+
background: string;
|
|
188
|
+
border: string;
|
|
189
|
+
'text-decoration': string;
|
|
190
|
+
};
|
|
191
|
+
hover: {
|
|
192
|
+
background: string;
|
|
193
|
+
border: string;
|
|
194
|
+
'text-decoration': string;
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
disabled: {
|
|
198
|
+
color: string;
|
|
199
|
+
background: string;
|
|
200
|
+
border: string;
|
|
201
|
+
active: {
|
|
202
|
+
background: string;
|
|
203
|
+
border: string;
|
|
204
|
+
'text-decoration': string;
|
|
205
|
+
};
|
|
206
|
+
hover: {
|
|
207
|
+
background: string;
|
|
208
|
+
border: string;
|
|
209
|
+
'text-decoration': string;
|
|
210
|
+
};
|
|
211
|
+
};
|
|
212
|
+
};
|
|
136
213
|
};
|
|
137
214
|
export declare type ButtonType = {
|
|
138
215
|
color: string;
|
|
@@ -141,9 +218,11 @@ export declare type ButtonType = {
|
|
|
141
218
|
active: {
|
|
142
219
|
background: string;
|
|
143
220
|
border: string;
|
|
221
|
+
'text-decoration'?: string;
|
|
144
222
|
};
|
|
145
223
|
hover: {
|
|
146
224
|
background: string;
|
|
147
225
|
border: string;
|
|
226
|
+
'text-decoration'?: string;
|
|
148
227
|
};
|
|
149
228
|
};
|
|
@@ -7,7 +7,7 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
|
|
|
7
7
|
value?: string | undefined;
|
|
8
8
|
icon?: string | undefined;
|
|
9
9
|
iconRight?: boolean | undefined;
|
|
10
|
-
variant?: "contained" | "outlined" | undefined;
|
|
10
|
+
variant?: "link" | "contained" | "outlined" | undefined;
|
|
11
11
|
float?: "left" | "right" | undefined;
|
|
12
12
|
minWidth?: string | undefined;
|
|
13
13
|
hasLicense?: boolean | undefined;
|
|
@@ -2,13 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
/**
|
|
3
3
|
* @member activeStep active step of the stepper. Starts at 0.
|
|
4
4
|
* @member children iterable of the steps (!!)
|
|
5
|
-
* @member onPrevious on previous click callback
|
|
6
|
-
* @member onNext on next click callback
|
|
7
5
|
*/
|
|
8
6
|
export declare type JRCFadeStepperProps = {
|
|
9
7
|
activeStep: number;
|
|
10
8
|
children: Iterable<React.ReactNode>;
|
|
11
|
-
onPrevious: (step: number) => void;
|
|
12
|
-
onNext: (step: number) => void;
|
|
13
9
|
};
|
|
14
10
|
export declare function JRCFadeStepper(props: JRCFadeStepperProps): JSX.Element | null;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type JRCStepperPageProps = {
|
|
3
|
+
children: Iterable<React.ReactNode>;
|
|
4
|
+
activeStep: number;
|
|
5
|
+
imgSrc: string;
|
|
6
|
+
headerContent: React.ReactNode;
|
|
7
|
+
steps: Array<string>;
|
|
8
|
+
loadingContent?: React.ReactNode | string;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const JRCStepperPage: (props: JRCStepperPageProps) => JSX.Element;
|
package/build/src/index.d.ts
CHANGED
|
@@ -100,6 +100,7 @@ export { JRCPagination } from './components/JRCPagination/JRCPagination';
|
|
|
100
100
|
export { JRCSkeletonLine } from './components/JRCSkeleton/JRCSkeletonLine';
|
|
101
101
|
export { JRCSkeletonSquare } from './components/JRCSkeleton/JRCSkeletonSquare';
|
|
102
102
|
export { JRCStepper } from './components/Stepper/JRCStepper';
|
|
103
|
+
export { JRCStepperPage } from './components/Templates/JRCStepperPage';
|
|
103
104
|
export { JRCStyledHref } from './components/JRCHref/JRCHref';
|
|
104
105
|
export { JRCTabs, JRCTabPanel } from './components/JRCTabs/JRCTabs';
|
|
105
106
|
export { JRCTag } from './components/JRCTag/JRCTag';
|