@4alldigital/foundation-ui--gamma 1.54.0 → 1.55.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/foundation-ui.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/dist/types/lib/components/Header/Header.d.ts +1 -1
- package/dist/types/lib/components/PanelCustom/PanelCustom.d.ts +8 -0
- package/dist/types/lib/components/PanelCustom/PanelCustom.types.d.ts +19 -0
- package/dist/types/lib/components/PanelCustom/index.d.ts +1 -0
- package/dist/types/lib/components/PanelIntro/PanelIntro.d.ts +8 -0
- package/dist/types/lib/components/PanelIntro/PanelIntro.types.d.ts +17 -0
- package/dist/types/lib/components/PanelIntro/index.d.ts +1 -0
- package/dist/types/lib/components/index.d.ts +4 -0
- package/dist/types/lib/context/App/index.d.ts +1 -0
- package/dist/types/lib/templates/HomeScreen/HomeScreen.d.ts +1 -1
- package/dist/types/lib/templates/HomeScreen/HomeScreen.types.d.ts +5 -0
- package/dist/types/packages/default/theme/styles/buttons/buttons.themes.d.ts +3 -1
- package/dist/types/packages/default/theme/styles/settings/settings.themes.d.ts +39 -0
- package/dist/types/packages/gamma/theme/index.d.ts +42 -0
- package/dist/types/packages/gamma/theme/styles/buttons/buttons.themes.d.ts +3 -0
- package/dist/types/packages/gamma/theme/styles/settings/settings.themes.d.ts +39 -0
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props } from './Header.types';
|
|
3
3
|
declare const Header: {
|
|
4
|
-
({ testID, hideMenu, className,
|
|
4
|
+
({ testID, hideMenu, className, }: Props): React.ReactElement;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
export default Header;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props } from './PanelCustom.types';
|
|
3
|
+
declare const PanelCustom: {
|
|
4
|
+
({ testID, withBg, spacing, className, children, title, headingTag, }: Props): React.ReactElement;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default PanelCustom;
|
|
8
|
+
export type { Props };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Props as ButtonProps } from '../Button/Button.types';
|
|
2
|
+
import { Props as VideoProps } from '../Video/Video.types';
|
|
3
|
+
import { SPACING } from '../Hero/Hero.types';
|
|
4
|
+
import { HEADING_TAGS } from '../Heading/Heading.types';
|
|
5
|
+
export interface Props {
|
|
6
|
+
testID?: string;
|
|
7
|
+
inversed?: boolean;
|
|
8
|
+
title: string;
|
|
9
|
+
contentComponent?: React.ReactNode;
|
|
10
|
+
description?: string;
|
|
11
|
+
buttonData?: ButtonProps;
|
|
12
|
+
image?: string;
|
|
13
|
+
video?: VideoProps;
|
|
14
|
+
withBg?: boolean;
|
|
15
|
+
spacing?: SPACING;
|
|
16
|
+
headingTag?: HEADING_TAGS;
|
|
17
|
+
className?: string;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './PanelCustom';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props } from './PanelIntro.types';
|
|
3
|
+
declare const PanelIntro: {
|
|
4
|
+
({ testID, title, description, image, buttonData, inversed, withBg, spacing, video, headingTag, className, }: Props): React.ReactElement;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default PanelIntro;
|
|
8
|
+
export type { Props };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Props as ButtonProps } from '../Button/Button.types';
|
|
2
|
+
import { Props as VideoProps } from '../Video/Video.types';
|
|
3
|
+
import { SPACING } from '../Hero/Hero.types';
|
|
4
|
+
import { HEADING_TAGS } from '../Heading/Heading.types';
|
|
5
|
+
export interface Props {
|
|
6
|
+
testID?: string;
|
|
7
|
+
inversed?: boolean;
|
|
8
|
+
title: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
buttonData?: ButtonProps;
|
|
11
|
+
image?: string;
|
|
12
|
+
video?: VideoProps;
|
|
13
|
+
withBg?: boolean;
|
|
14
|
+
spacing?: SPACING;
|
|
15
|
+
headingTag?: HEADING_TAGS;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './PanelIntro';
|
|
@@ -39,6 +39,8 @@ export { default as PanelFeature } from './PanelFeature';
|
|
|
39
39
|
export { default as PanelHero } from './PanelHero';
|
|
40
40
|
export { default as PanelProduct } from './PanelProduct';
|
|
41
41
|
export { default as PanelVideo } from './PanelVideo';
|
|
42
|
+
export { default as PanelIntro } from './PanelIntro';
|
|
43
|
+
export { default as PanelCustom } from './PanelCustom';
|
|
42
44
|
export { default as CardGrid } from './CardGrid';
|
|
43
45
|
export { default as Screen } from './Screen';
|
|
44
46
|
export { default as Accordion } from './Accordion';
|
|
@@ -82,6 +84,8 @@ export type { Props as PanelFeatureProps } from './PanelFeature/PanelFeature.typ
|
|
|
82
84
|
export type { Props as PanelHeroProps } from './PanelHero/PanelHero.types';
|
|
83
85
|
export type { Props as PanelProductProps } from './PanelProduct/PanelProduct.types';
|
|
84
86
|
export type { Props as PanelVideoProps } from './PanelVideo/PanelVideo.types';
|
|
87
|
+
export type { Props as PanelIntroProps } from './PanelIntro/PanelIntro.types';
|
|
88
|
+
export type { Props as PanelCustomProps } from './PanelCustom/PanelCustom.types';
|
|
85
89
|
export type { Props as ShareProps } from './Share/Share.types';
|
|
86
90
|
export type { Props as TabsProps } from './Tabs/Tabs.types';
|
|
87
91
|
export type { Props as VisitUsProps } from './VisitUs/VisitUs.types';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props } from './HomeScreen.types';
|
|
3
3
|
declare const HomeScreen: {
|
|
4
|
-
({ testID, image, panelVideoProps, panelFeatureProps, panelCardsProps, panelHerosProps, panelSubscriptionsProps, panelTestimonialsProps, panelDataCardsProps, panelProductProps, }: Props): React.ReactElement;
|
|
4
|
+
({ testID, image, panelIntroProps, panelVideoProps, panelFeatureProps, panelCardsProps, panelHerosProps, panelSubscriptionsProps, panelTestimonialsProps, panelDataCardsProps, panelProductProps, panelCustomProps, isFlush, }: Props): React.ReactElement;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
export default HomeScreen;
|
|
@@ -3,10 +3,13 @@ import { Props as panelFeatureProps } from '../../components/PanelFeature/PanelF
|
|
|
3
3
|
import { Props as panelCardsProps } from '../../components/PanelCards/PanelCards.types';
|
|
4
4
|
import { Props as panelHerosProps } from '../../components/PanelHero/PanelHero.types';
|
|
5
5
|
import { Props as panelProductProps } from '../../components/PanelProduct/PanelProduct.types';
|
|
6
|
+
import { Props as panelIntroProps } from '../../components/PanelIntro/PanelIntro.types';
|
|
7
|
+
import { Props as panelCustomProps } from '../../components/PanelCustom/PanelCustom.types';
|
|
6
8
|
export interface Props {
|
|
7
9
|
testID?: string;
|
|
8
10
|
title?: string;
|
|
9
11
|
image?: string;
|
|
12
|
+
panelIntroProps?: panelIntroProps;
|
|
10
13
|
panelVideoProps?: panelVideoProps;
|
|
11
14
|
panelFeatureProps?: panelFeatureProps;
|
|
12
15
|
panelCardsProps?: panelCardsProps;
|
|
@@ -15,4 +18,6 @@ export interface Props {
|
|
|
15
18
|
panelTestimonialsProps?: panelCardsProps;
|
|
16
19
|
panelDataCardsProps?: panelCardsProps;
|
|
17
20
|
panelProductProps?: panelProductProps;
|
|
21
|
+
panelCustomProps?: panelCustomProps;
|
|
22
|
+
isFlush?: boolean;
|
|
18
23
|
}
|
|
@@ -240,6 +240,45 @@ declare const settings: {
|
|
|
240
240
|
searchLayout: string;
|
|
241
241
|
searchLayoutWithSidebar: string;
|
|
242
242
|
};
|
|
243
|
+
colors: {};
|
|
244
|
+
spacing: {};
|
|
245
|
+
borderRadius: {
|
|
246
|
+
exampleRadius: string;
|
|
247
|
+
};
|
|
248
|
+
fontFamily: {};
|
|
249
|
+
fontSize: {};
|
|
250
|
+
fontWeight: {};
|
|
251
|
+
lineHeight: {};
|
|
252
|
+
letterSpacing: {};
|
|
253
|
+
width: {};
|
|
254
|
+
height: {};
|
|
255
|
+
maxWidth: {};
|
|
256
|
+
maxHeight: {};
|
|
257
|
+
minWidth: {};
|
|
258
|
+
minHeight: {};
|
|
259
|
+
padding: {};
|
|
260
|
+
margin: {};
|
|
261
|
+
zIndex: {};
|
|
262
|
+
opacity: {};
|
|
263
|
+
boxShadow: {};
|
|
264
|
+
backgroundImage: {};
|
|
265
|
+
backgroundSize: {};
|
|
266
|
+
backgroundPosition: {};
|
|
267
|
+
backgroundColor: {};
|
|
268
|
+
borderWidth: {};
|
|
269
|
+
borderColor: {};
|
|
270
|
+
borderOpacity: {};
|
|
271
|
+
borderStyle: {};
|
|
272
|
+
divideWidth: {};
|
|
273
|
+
divideColor: {};
|
|
274
|
+
divideOpacity: {};
|
|
275
|
+
animation: {};
|
|
276
|
+
keyframes: {};
|
|
277
|
+
screens: {};
|
|
278
|
+
aspectRatio: {};
|
|
279
|
+
transitionTimingFunction: {};
|
|
280
|
+
transitionDelay: {};
|
|
281
|
+
transitionDuration: {};
|
|
243
282
|
};
|
|
244
283
|
};
|
|
245
284
|
export default settings;
|
|
@@ -62,6 +62,9 @@ declare const theme: {
|
|
|
62
62
|
};
|
|
63
63
|
buttons: {
|
|
64
64
|
raised: boolean;
|
|
65
|
+
borderRadius: {
|
|
66
|
+
btnBorderRadius: string;
|
|
67
|
+
};
|
|
65
68
|
};
|
|
66
69
|
screens: {
|
|
67
70
|
sm: string;
|
|
@@ -111,6 +114,45 @@ declare const theme: {
|
|
|
111
114
|
searchLayout: string;
|
|
112
115
|
searchLayoutWithSidebar: string;
|
|
113
116
|
};
|
|
117
|
+
colors: {};
|
|
118
|
+
spacing: {};
|
|
119
|
+
borderRadius: {
|
|
120
|
+
exampleRadius: string;
|
|
121
|
+
};
|
|
122
|
+
fontFamily: {};
|
|
123
|
+
fontSize: {};
|
|
124
|
+
fontWeight: {};
|
|
125
|
+
lineHeight: {};
|
|
126
|
+
letterSpacing: {};
|
|
127
|
+
width: {};
|
|
128
|
+
height: {};
|
|
129
|
+
maxWidth: {};
|
|
130
|
+
maxHeight: {};
|
|
131
|
+
minWidth: {};
|
|
132
|
+
minHeight: {};
|
|
133
|
+
padding: {};
|
|
134
|
+
margin: {};
|
|
135
|
+
zIndex: {};
|
|
136
|
+
opacity: {};
|
|
137
|
+
boxShadow: {};
|
|
138
|
+
backgroundImage: {};
|
|
139
|
+
backgroundSize: {};
|
|
140
|
+
backgroundPosition: {};
|
|
141
|
+
backgroundColor: {};
|
|
142
|
+
borderWidth: {};
|
|
143
|
+
borderColor: {};
|
|
144
|
+
borderOpacity: {};
|
|
145
|
+
borderStyle: {};
|
|
146
|
+
divideWidth: {};
|
|
147
|
+
divideColor: {};
|
|
148
|
+
divideOpacity: {};
|
|
149
|
+
animation: {};
|
|
150
|
+
keyframes: {};
|
|
151
|
+
screens: {};
|
|
152
|
+
aspectRatio: {};
|
|
153
|
+
transitionTimingFunction: {};
|
|
154
|
+
transitionDelay: {};
|
|
155
|
+
transitionDuration: {};
|
|
114
156
|
};
|
|
115
157
|
};
|
|
116
158
|
export default theme;
|
|
@@ -251,6 +251,45 @@ declare const settings: {
|
|
|
251
251
|
searchLayout: string;
|
|
252
252
|
searchLayoutWithSidebar: string;
|
|
253
253
|
};
|
|
254
|
+
colors: {};
|
|
255
|
+
spacing: {};
|
|
256
|
+
borderRadius: {
|
|
257
|
+
exampleRadius: string;
|
|
258
|
+
};
|
|
259
|
+
fontFamily: {};
|
|
260
|
+
fontSize: {};
|
|
261
|
+
fontWeight: {};
|
|
262
|
+
lineHeight: {};
|
|
263
|
+
letterSpacing: {};
|
|
264
|
+
width: {};
|
|
265
|
+
height: {};
|
|
266
|
+
maxWidth: {};
|
|
267
|
+
maxHeight: {};
|
|
268
|
+
minWidth: {};
|
|
269
|
+
minHeight: {};
|
|
270
|
+
padding: {};
|
|
271
|
+
margin: {};
|
|
272
|
+
zIndex: {};
|
|
273
|
+
opacity: {};
|
|
274
|
+
boxShadow: {};
|
|
275
|
+
backgroundImage: {};
|
|
276
|
+
backgroundSize: {};
|
|
277
|
+
backgroundPosition: {};
|
|
278
|
+
backgroundColor: {};
|
|
279
|
+
borderWidth: {};
|
|
280
|
+
borderColor: {};
|
|
281
|
+
borderOpacity: {};
|
|
282
|
+
borderStyle: {};
|
|
283
|
+
divideWidth: {};
|
|
284
|
+
divideColor: {};
|
|
285
|
+
divideOpacity: {};
|
|
286
|
+
animation: {};
|
|
287
|
+
keyframes: {};
|
|
288
|
+
screens: {};
|
|
289
|
+
aspectRatio: {};
|
|
290
|
+
transitionTimingFunction: {};
|
|
291
|
+
transitionDelay: {};
|
|
292
|
+
transitionDuration: {};
|
|
254
293
|
};
|
|
255
294
|
};
|
|
256
295
|
export default settings;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@4alldigital/foundation-ui--gamma",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.55.1",
|
|
4
4
|
"description": "Foundation UI Component library with GAMMA theme. ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"publishConfig": {
|
|
40
40
|
"access": "public"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "2f5f5b78e013513cba1cf0abd15693702e422d7c",
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@elastic/datemath": "^5.0.3",
|
|
45
45
|
"@elastic/react-search-ui": "^1.21.5",
|