@thecb/components 6.3.0-beta.1 → 6.3.1-beta.2
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 +7 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.esm.js +7 -3
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/display-card/DisplayCard.js +31 -12
- package/src/components/atoms/layouts/Stack.d.ts +1 -1
- package/src/components/atoms/text/Text.js +2 -0
- package/src/components/molecules/card-with-header/CardWithHeader.js +1 -0
- package/src/components/molecules/card-with-header/index.d.ts +1 -0
- package/src/components/molecules/index.js +2 -1
- package/src/components/molecules/popover/Popover.js +124 -0
- package/src/components/molecules/popover/Popover.theme.js +9 -0
- package/src/components/molecules/popover/index.js +3 -0
- package/src/components/molecules/welcome-card/WelcomeCard.js +3 -2
- package/src/components/molecules/welcome-card/index.d.ts +1 -0
- package/src/util/index.js +2 -1
- package/src/util/useOutsideClick.js +33 -0
package/dist/index.d.ts
CHANGED
|
@@ -66,13 +66,13 @@ interface BoxProps {
|
|
|
66
66
|
declare const Box: React.FC<Expand<BoxProps> &
|
|
67
67
|
React.HTMLAttributes<HTMLElement>>;
|
|
68
68
|
|
|
69
|
-
interface CenterProps
|
|
69
|
+
interface CenterProps {
|
|
70
70
|
maxWidth?: string;
|
|
71
71
|
gutters?: string;
|
|
72
72
|
intrinsic?: boolean;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
declare const Center: React.FC<Expand<CenterProps
|
|
75
|
+
declare const Center: React.FC<Expand<CenterProps> &
|
|
76
76
|
React.HTMLAttributes<HTMLElement>>;
|
|
77
77
|
|
|
78
78
|
interface ClusterProps {
|
|
@@ -126,7 +126,7 @@ interface StackProps {
|
|
|
126
126
|
| "inherit";
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
declare const Stack: React.FC<Expand<
|
|
129
|
+
declare const Stack: React.FC<Expand<StackProps> &
|
|
130
130
|
React.HTMLAttributes<HTMLElement>>;
|
|
131
131
|
|
|
132
132
|
interface ExternalLinkProps {
|
|
@@ -230,6 +230,7 @@ declare const Title: React.FC<Expand<TitleProps> &
|
|
|
230
230
|
interface CardWithHeaderProps {
|
|
231
231
|
header: string;
|
|
232
232
|
extraStyles?: string;
|
|
233
|
+
variant?: string;
|
|
233
234
|
}
|
|
234
235
|
|
|
235
236
|
declare const CardWithHeader: React.FC<Expand<CardWithHeaderProps> &
|
|
@@ -254,6 +255,7 @@ interface WelcomeCardProps {
|
|
|
254
255
|
buttonText?: string;
|
|
255
256
|
imageSrc?: string;
|
|
256
257
|
newTab?: boolean;
|
|
258
|
+
variant?: string;
|
|
257
259
|
}
|
|
258
260
|
|
|
259
261
|
declare const WelcomeCard: React.FC<Expand<WelcomeCardProps> &
|
|
@@ -273,5 +275,5 @@ interface DefaultPageTemplateProps {
|
|
|
273
275
|
declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
|
|
274
276
|
React.HTMLAttributes<HTMLElement>>;
|
|
275
277
|
|
|
276
|
-
export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, CardWithHeader, CardWithHeaderProps, Center, CenterProps
|
|
278
|
+
export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, CardWithHeader, CardWithHeaderProps, Center, CenterProps, Cluster, ClusterProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Stack, StackProps, Title, TitleProps, WelcomeCard, WelcomeCardProps };
|
|
277
279
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.esm.js
CHANGED
|
@@ -36931,13 +36931,14 @@ var fallbackValues$x = {
|
|
|
36931
36931
|
headerTextColor: headerTextColor
|
|
36932
36932
|
};
|
|
36933
36933
|
|
|
36934
|
-
var _excluded$x = ["themeValues", "children", "header", "extraStyles"];
|
|
36934
|
+
var _excluded$x = ["themeValues", "children", "header", "extraStyles", "variant"];
|
|
36935
36935
|
|
|
36936
36936
|
var CardWithHeader = function CardWithHeader(_ref) {
|
|
36937
36937
|
var themeValues = _ref.themeValues,
|
|
36938
36938
|
children = _ref.children,
|
|
36939
36939
|
header = _ref.header,
|
|
36940
36940
|
extraStyles = _ref.extraStyles,
|
|
36941
|
+
variant = _ref.variant,
|
|
36941
36942
|
props = _objectWithoutProperties(_ref, _excluded$x);
|
|
36942
36943
|
|
|
36943
36944
|
return /*#__PURE__*/React.createElement(Card$1, _extends({
|
|
@@ -45923,8 +45924,11 @@ var WelcomeCard = function WelcomeCard(_ref) {
|
|
|
45923
45924
|
buttonText = _ref.buttonText,
|
|
45924
45925
|
url = _ref.url,
|
|
45925
45926
|
imageSrc = _ref.imageSrc,
|
|
45926
|
-
newTab = _ref.newTab
|
|
45927
|
-
|
|
45927
|
+
newTab = _ref.newTab,
|
|
45928
|
+
variant = _ref.variant;
|
|
45929
|
+
return /*#__PURE__*/React.createElement(Card$1, {
|
|
45930
|
+
variant: variant
|
|
45931
|
+
}, imageSrc && /*#__PURE__*/React.createElement(Cover, null, /*#__PURE__*/React.createElement("img", {
|
|
45928
45932
|
src: imageSrc,
|
|
45929
45933
|
style: {
|
|
45930
45934
|
background: "".concat(themeValues.imageBackgroundColor),
|