@thecb/components 6.3.0-beta.2 → 6.3.1-beta.3

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.
Files changed (28) hide show
  1. package/README.md +39 -0
  2. package/dist/index.cjs.js +475 -394
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +17 -21
  5. package/dist/index.esm.js +473 -391
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/atoms/card/Card.js +11 -20
  9. package/src/components/atoms/card/index.d.ts +1 -0
  10. package/src/components/atoms/display-card/DisplayCard.js +31 -12
  11. package/src/components/atoms/layouts/Switcher.d.ts +17 -0
  12. package/src/components/atoms/layouts/index.d.ts +1 -0
  13. package/src/components/atoms/text/Text.js +2 -0
  14. package/src/components/molecules/index.d.ts +0 -2
  15. package/src/components/molecules/index.js +2 -3
  16. package/src/components/molecules/popover/Popover.js +124 -0
  17. package/src/components/molecules/popover/Popover.theme.js +9 -0
  18. package/src/components/molecules/popover/index.js +3 -0
  19. package/src/util/index.js +2 -1
  20. package/src/util/useOutsideClick.js +33 -0
  21. package/src/components/molecules/card-with-header/CardWithHeader.js +0 -33
  22. package/src/components/molecules/card-with-header/CardWithHeader.theme.js +0 -9
  23. package/src/components/molecules/card-with-header/index.d.ts +0 -10
  24. package/src/components/molecules/card-with-header/index.js +0 -2
  25. package/src/components/molecules/welcome-card/WelcomeCard.js +0 -63
  26. package/src/components/molecules/welcome-card/WelcomeCard.theme.js +0 -15
  27. package/src/components/molecules/welcome-card/index.d.ts +0 -14
  28. package/src/components/molecules/welcome-card/index.js +0 -3
package/dist/index.d.ts CHANGED
@@ -4,6 +4,7 @@ type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
4
4
 
5
5
  interface CardProps {
6
6
  variant?: string;
7
+ width?: string;
7
8
  extraStyles?: string;
8
9
  }
9
10
 
@@ -129,6 +130,21 @@ interface StackProps {
129
130
  declare const Stack: React.FC<Expand<StackProps> &
130
131
  React.HTMLAttributes<HTMLElement>>;
131
132
 
133
+ interface SwitcherProps {
134
+ breakpoint?: string;
135
+ childGap?: string;
136
+ largeChild?: string;
137
+ largeChildSize?: string;
138
+ maxChildren?: string;
139
+ maxChildrenOnly?: boolean;
140
+ padding?: string;
141
+ extraStyles?: string;
142
+ constrainMobile?: boolean;
143
+ }
144
+
145
+ declare const Switcher: React.FC<Expand<SwitcherProps> &
146
+ React.HTMLAttributes<HTMLElement>>;
147
+
132
148
  interface ExternalLinkProps {
133
149
  href: string;
134
150
  newTab?: boolean;
@@ -227,14 +243,6 @@ interface TitleProps {
227
243
  declare const Title: React.FC<Expand<TitleProps> &
228
244
  React.HTMLAttributes<HTMLElement>>;
229
245
 
230
- interface CardWithHeaderProps {
231
- header: string;
232
- extraStyles?: string;
233
- }
234
-
235
- declare const CardWithHeader: React.FC<Expand<CardWithHeaderProps> &
236
- React.HTMLAttributes<HTMLElement>>;
237
-
238
246
  interface FooterWithSubfooterProps {
239
247
  footerLargeSide?: "left" | "right";
240
248
  footerLargeSideSize?: string;
@@ -247,18 +255,6 @@ interface FooterWithSubfooterProps {
247
255
  declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
248
256
  React.HTMLAttributes<HTMLElement>>;
249
257
 
250
- interface WelcomeCardProps {
251
- title: string;
252
- text: string;
253
- url?: string;
254
- buttonText?: string;
255
- imageSrc?: string;
256
- newTab?: boolean;
257
- }
258
-
259
- declare const WelcomeCard: React.FC<Expand<WelcomeCardProps> &
260
- React.HTMLAttributes<HTMLElement>>;
261
-
262
258
  interface DefaultPageTemplateProps {
263
259
  content: JSX.Element;
264
260
  header?: JSX.Element;
@@ -273,5 +269,5 @@ interface DefaultPageTemplateProps {
273
269
  declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
274
270
  React.HTMLAttributes<HTMLElement>>;
275
271
 
276
- 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 };
272
+ export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Stack, StackProps, Switcher, SwitcherProps, Title, TitleProps };
277
273
  //# sourceMappingURL=index.d.ts.map