@deepgram/styles 0.2.11 → 0.2.12
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/design-system.yaml +3098 -3336
- package/dist/deepgram.css +1 -1
- package/dist/deepgram.expanded.css +665 -883
- package/dist/react/ActionGroup.d.ts +4 -0
- package/dist/react/ActionGroup.js +9 -0
- package/dist/react/Alert.d.ts +34 -0
- package/dist/react/Alert.js +71 -0
- package/dist/react/Btn.d.ts +11 -0
- package/dist/react/Btn.js +16 -0
- package/dist/react/BtnCollapse.d.ts +4 -0
- package/dist/react/BtnCollapse.js +9 -0
- package/dist/react/BtnDangerGhost.d.ts +4 -0
- package/dist/react/BtnDangerGhost.js +9 -0
- package/dist/react/BtnGhost.d.ts +4 -0
- package/dist/react/BtnGhost.js +9 -0
- package/dist/react/BtnIcon.d.ts +4 -0
- package/dist/react/BtnIcon.js +9 -0
- package/dist/react/BtnSecondary.d.ts +4 -0
- package/dist/react/BtnSecondary.js +9 -0
- package/dist/react/BtnSmall.d.ts +4 -0
- package/dist/react/BtnSmall.js +9 -0
- package/dist/react/Card.d.ts +26 -0
- package/dist/react/Card.js +51 -0
- package/dist/react/CardHeading.d.ts +4 -0
- package/dist/react/CardHeading.js +9 -0
- package/dist/react/CardHeadings.d.ts +7 -0
- package/dist/react/CardHeadings.js +16 -0
- package/dist/react/Checkbox.d.ts +4 -0
- package/dist/react/Checkbox.js +9 -0
- package/dist/react/CheckboxDescription.d.ts +4 -0
- package/dist/react/CheckboxDescription.js +9 -0
- package/dist/react/CheckboxGroup.d.ts +4 -0
- package/dist/react/CheckboxGroup.js +9 -0
- package/dist/react/CheckboxLabel.d.ts +4 -0
- package/dist/react/CheckboxLabel.js +9 -0
- package/dist/react/CodeBlock.d.ts +7 -0
- package/dist/react/CodeBlock.js +12 -0
- package/dist/react/Columns.d.ts +25 -0
- package/dist/react/Columns.js +44 -0
- package/dist/react/ConstrainWidth.d.ts +4 -0
- package/dist/react/ConstrainWidth.js +9 -0
- package/dist/react/DragDropZone.d.ts +17 -0
- package/dist/react/DragDropZone.js +38 -0
- package/dist/react/Footer.d.ts +10 -0
- package/dist/react/Footer.js +23 -0
- package/dist/react/FormError.d.ts +4 -0
- package/dist/react/FormError.js +9 -0
- package/dist/react/FormField.d.ts +4 -0
- package/dist/react/FormField.js +9 -0
- package/dist/react/FormHelper.d.ts +4 -0
- package/dist/react/FormHelper.js +9 -0
- package/dist/react/FormLabel.d.ts +4 -0
- package/dist/react/FormLabel.js +9 -0
- package/dist/react/GridMobileStack.d.ts +4 -0
- package/dist/react/GridMobileStack.js +9 -0
- package/dist/react/Header.d.ts +25 -0
- package/dist/react/Header.js +58 -0
- package/dist/react/Hero.d.ts +25 -0
- package/dist/react/Hero.js +58 -0
- package/dist/react/Icon.d.ts +5 -0
- package/dist/react/Icon.js +10 -0
- package/dist/react/Input.d.ts +6 -0
- package/dist/react/Input.js +11 -0
- package/dist/react/ItemTitle.d.ts +4 -0
- package/dist/react/ItemTitle.js +9 -0
- package/dist/react/Link.d.ts +4 -0
- package/dist/react/Link.js +9 -0
- package/dist/react/Modal.d.ts +8 -0
- package/dist/react/Modal.js +17 -0
- package/dist/react/Newsletter.d.ts +8 -0
- package/dist/react/Newsletter.js +17 -0
- package/dist/react/Option.d.ts +4 -0
- package/dist/react/Option.js +9 -0
- package/dist/react/PageHeading.d.ts +10 -0
- package/dist/react/PageHeading.js +23 -0
- package/dist/react/PageHeadings.d.ts +13 -0
- package/dist/react/PageHeadings.js +30 -0
- package/dist/react/Prose.d.ts +6 -0
- package/dist/react/Prose.js +11 -0
- package/dist/react/Radio.d.ts +4 -0
- package/dist/react/Radio.js +9 -0
- package/dist/react/RadioDescription.d.ts +7 -0
- package/dist/react/RadioDescription.js +16 -0
- package/dist/react/RadioGroup.d.ts +4 -0
- package/dist/react/RadioGroup.js +9 -0
- package/dist/react/RadioLabel.d.ts +4 -0
- package/dist/react/RadioLabel.js +9 -0
- package/dist/react/Section.d.ts +9 -0
- package/dist/react/Section.js +14 -0
- package/dist/react/SectionHeading.d.ts +4 -0
- package/dist/react/SectionHeading.js +9 -0
- package/dist/react/Select.d.ts +4 -0
- package/dist/react/Select.js +9 -0
- package/dist/react/Spinner.d.ts +7 -0
- package/dist/react/Spinner.js +16 -0
- package/dist/react/Status.d.ts +12 -0
- package/dist/react/Status.js +17 -0
- package/dist/react/TextUtilities.d.ts +4 -0
- package/dist/react/TextUtilities.js +9 -0
- package/dist/react/Textarea.d.ts +4 -0
- package/dist/react/Textarea.js +9 -0
- package/dist/react/Toggle.d.ts +4 -0
- package/dist/react/Toggle.js +9 -0
- package/dist/react/ToggleGroup.d.ts +4 -0
- package/dist/react/ToggleGroup.js +9 -0
- package/dist/react/ToggleLabel.d.ts +4 -0
- package/dist/react/ToggleLabel.js +9 -0
- package/dist/react/index.d.ts +43 -0
- package/dist/react/index.js +43 -0
- package/dist/utils.d.ts +16 -0
- package/dist/utils.js +50 -0
- package/lib/deepgram.css +531 -486
- package/lib/tailwind-theme.css +0 -1
- package/package.json +17 -2
- package/src/react/ActionGroup.tsx +14 -0
- package/src/react/Alert.tsx +130 -0
- package/src/react/Btn.tsx +28 -0
- package/src/react/BtnCollapse.tsx +14 -0
- package/src/react/BtnDangerGhost.tsx +14 -0
- package/src/react/BtnGhost.tsx +14 -0
- package/src/react/BtnIcon.tsx +14 -0
- package/src/react/BtnSecondary.tsx +14 -0
- package/src/react/BtnSmall.tsx +14 -0
- package/src/react/Card.tsx +93 -0
- package/src/react/CardHeading.tsx +14 -0
- package/src/react/CardHeadings.tsx +27 -0
- package/src/react/Checkbox.tsx +14 -0
- package/src/react/CheckboxDescription.tsx +14 -0
- package/src/react/CheckboxGroup.tsx +14 -0
- package/src/react/CheckboxLabel.tsx +14 -0
- package/src/react/CodeBlock.tsx +20 -0
- package/src/react/Columns.tsx +82 -0
- package/src/react/ConstrainWidth.tsx +14 -0
- package/src/react/DragDropZone.tsx +68 -0
- package/src/react/Footer.tsx +40 -0
- package/src/react/FormError.tsx +14 -0
- package/src/react/FormField.tsx +14 -0
- package/src/react/FormHelper.tsx +14 -0
- package/src/react/FormLabel.tsx +14 -0
- package/src/react/GridMobileStack.tsx +14 -0
- package/src/react/Header.tsx +105 -0
- package/src/react/Hero.tsx +105 -0
- package/src/react/Icon.tsx +16 -0
- package/src/react/Input.tsx +18 -0
- package/src/react/ItemTitle.tsx +14 -0
- package/src/react/Link.tsx +14 -0
- package/src/react/Modal.tsx +29 -0
- package/src/react/Newsletter.tsx +29 -0
- package/src/react/Option.tsx +14 -0
- package/src/react/PageHeading.tsx +40 -0
- package/src/react/PageHeadings.tsx +53 -0
- package/src/react/Prose.tsx +18 -0
- package/src/react/Radio.tsx +14 -0
- package/src/react/RadioDescription.tsx +27 -0
- package/src/react/RadioGroup.tsx +14 -0
- package/src/react/RadioLabel.tsx +14 -0
- package/src/react/Section.tsx +24 -0
- package/src/react/SectionHeading.tsx +14 -0
- package/src/react/Select.tsx +14 -0
- package/src/react/Spinner.tsx +27 -0
- package/src/react/Status.tsx +30 -0
- package/src/react/TextUtilities.tsx +14 -0
- package/src/react/Textarea.tsx +14 -0
- package/src/react/Toggle.tsx +14 -0
- package/src/react/ToggleGroup.tsx +14 -0
- package/src/react/ToggleLabel.tsx +14 -0
- package/src/react/index.ts +43 -0
- package/src/utils.ts +60 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Footer = forwardRef(function Footer({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-footer',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("footer", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
10
|
+
export const FooterSocialLinks = forwardRef(function FooterSocialLinks({ className, children, ...props }, ref) {
|
|
11
|
+
const cls = [
|
|
12
|
+
'dg-footer__social-links',
|
|
13
|
+
className,
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
16
|
+
});
|
|
17
|
+
export const FooterSocialLink = forwardRef(function FooterSocialLink({ className, children, ...props }, ref) {
|
|
18
|
+
const cls = [
|
|
19
|
+
'dg-footer__social-link',
|
|
20
|
+
className,
|
|
21
|
+
].filter(Boolean).join(' ');
|
|
22
|
+
return _jsx("a", { ref: ref, className: cls, ...props, children: children });
|
|
23
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface FormErrorProps extends ComponentPropsWithRef<'span'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const FormError: import("react").ForwardRefExoticComponent<Omit<FormErrorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const FormError = forwardRef(function FormError({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-form-error',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("span", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface FormFieldProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const FormField: import("react").ForwardRefExoticComponent<Omit<FormFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const FormField = forwardRef(function FormField({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-form-field',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface FormHelperProps extends ComponentPropsWithRef<'span'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const FormHelper: import("react").ForwardRefExoticComponent<Omit<FormHelperProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const FormHelper = forwardRef(function FormHelper({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-form-helper',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("span", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface FormLabelProps extends ComponentPropsWithRef<'label'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const FormLabel: import("react").ForwardRefExoticComponent<Omit<FormLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const FormLabel = forwardRef(function FormLabel({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-form-label',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("label", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface GridMobileStackProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const GridMobileStack: import("react").ForwardRefExoticComponent<Omit<GridMobileStackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const GridMobileStack = forwardRef(function GridMobileStack({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-grid-mobile-stack',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface HeaderProps extends ComponentPropsWithRef<'header'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const Header: import("react").ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
5
|
+
export interface HeaderContainerProps extends ComponentPropsWithRef<'div'> {
|
|
6
|
+
}
|
|
7
|
+
export declare const HeaderContainer: import("react").ForwardRefExoticComponent<Omit<HeaderContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export interface HeaderLogoProps extends ComponentPropsWithRef<'div'> {
|
|
9
|
+
}
|
|
10
|
+
export declare const HeaderLogo: import("react").ForwardRefExoticComponent<Omit<HeaderLogoProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export interface HeaderLogoImageProps extends ComponentPropsWithRef<'img'> {
|
|
12
|
+
}
|
|
13
|
+
export declare const HeaderLogoImage: import("react").ForwardRefExoticComponent<Omit<HeaderLogoImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
|
|
14
|
+
export interface HeaderLogoTextProps extends ComponentPropsWithRef<'span'> {
|
|
15
|
+
}
|
|
16
|
+
export declare const HeaderLogoText: import("react").ForwardRefExoticComponent<Omit<HeaderLogoTextProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
17
|
+
export interface HeaderNavProps extends ComponentPropsWithRef<'nav'> {
|
|
18
|
+
}
|
|
19
|
+
export declare const HeaderNav: import("react").ForwardRefExoticComponent<Omit<HeaderNavProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
20
|
+
export interface HeaderProfileLinkProps extends ComponentPropsWithRef<'a'> {
|
|
21
|
+
}
|
|
22
|
+
export declare const HeaderProfileLink: import("react").ForwardRefExoticComponent<Omit<HeaderProfileLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
23
|
+
export interface HeaderProfileAvatarProps extends ComponentPropsWithRef<'img'> {
|
|
24
|
+
}
|
|
25
|
+
export declare const HeaderProfileAvatar: import("react").ForwardRefExoticComponent<Omit<HeaderProfileAvatarProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Header = forwardRef(function Header({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-header',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("header", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
10
|
+
export const HeaderContainer = forwardRef(function HeaderContainer({ className, children, ...props }, ref) {
|
|
11
|
+
const cls = [
|
|
12
|
+
'dg-header__container',
|
|
13
|
+
className,
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
16
|
+
});
|
|
17
|
+
export const HeaderLogo = forwardRef(function HeaderLogo({ className, children, ...props }, ref) {
|
|
18
|
+
const cls = [
|
|
19
|
+
'dg-header__logo',
|
|
20
|
+
className,
|
|
21
|
+
].filter(Boolean).join(' ');
|
|
22
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
23
|
+
});
|
|
24
|
+
export const HeaderLogoImage = forwardRef(function HeaderLogoImage({ className, ...props }, ref) {
|
|
25
|
+
const cls = [
|
|
26
|
+
'dg-header__logo-image',
|
|
27
|
+
className,
|
|
28
|
+
].filter(Boolean).join(' ');
|
|
29
|
+
return _jsx("img", { ref: ref, className: cls, ...props });
|
|
30
|
+
});
|
|
31
|
+
export const HeaderLogoText = forwardRef(function HeaderLogoText({ className, children, ...props }, ref) {
|
|
32
|
+
const cls = [
|
|
33
|
+
'dg-header__logo-text',
|
|
34
|
+
className,
|
|
35
|
+
].filter(Boolean).join(' ');
|
|
36
|
+
return _jsx("span", { ref: ref, className: cls, ...props, children: children });
|
|
37
|
+
});
|
|
38
|
+
export const HeaderNav = forwardRef(function HeaderNav({ className, children, ...props }, ref) {
|
|
39
|
+
const cls = [
|
|
40
|
+
'dg-header__nav',
|
|
41
|
+
className,
|
|
42
|
+
].filter(Boolean).join(' ');
|
|
43
|
+
return _jsx("nav", { ref: ref, className: cls, ...props, children: children });
|
|
44
|
+
});
|
|
45
|
+
export const HeaderProfileLink = forwardRef(function HeaderProfileLink({ className, children, ...props }, ref) {
|
|
46
|
+
const cls = [
|
|
47
|
+
'dg-header__profile-link',
|
|
48
|
+
className,
|
|
49
|
+
].filter(Boolean).join(' ');
|
|
50
|
+
return _jsx("a", { ref: ref, className: cls, ...props, children: children });
|
|
51
|
+
});
|
|
52
|
+
export const HeaderProfileAvatar = forwardRef(function HeaderProfileAvatar({ className, ...props }, ref) {
|
|
53
|
+
const cls = [
|
|
54
|
+
'dg-header__profile-avatar',
|
|
55
|
+
className,
|
|
56
|
+
].filter(Boolean).join(' ');
|
|
57
|
+
return _jsx("img", { ref: ref, className: cls, ...props });
|
|
58
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface HeroProps extends ComponentPropsWithRef<'section'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const Hero: import("react").ForwardRefExoticComponent<Omit<HeroProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
5
|
+
export interface HeroTitleProps extends ComponentPropsWithRef<'h1'> {
|
|
6
|
+
}
|
|
7
|
+
export declare const HeroTitle: import("react").ForwardRefExoticComponent<Omit<HeroTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
8
|
+
export interface HeroContentProps extends ComponentPropsWithRef<'div'> {
|
|
9
|
+
}
|
|
10
|
+
export declare const HeroContent: import("react").ForwardRefExoticComponent<Omit<HeroContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export interface HeroAnnouncementProps extends ComponentPropsWithRef<'a'> {
|
|
12
|
+
}
|
|
13
|
+
export declare const HeroAnnouncement: import("react").ForwardRefExoticComponent<Omit<HeroAnnouncementProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
14
|
+
export interface HeroAnnouncementTextProps extends ComponentPropsWithRef<'span'> {
|
|
15
|
+
}
|
|
16
|
+
export declare const HeroAnnouncementText: import("react").ForwardRefExoticComponent<Omit<HeroAnnouncementTextProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
17
|
+
export interface HeroAnnouncementCtaProps extends ComponentPropsWithRef<'span'> {
|
|
18
|
+
}
|
|
19
|
+
export declare const HeroAnnouncementCta: import("react").ForwardRefExoticComponent<Omit<HeroAnnouncementCtaProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
20
|
+
export interface HeroBodyProps extends ComponentPropsWithRef<'p'> {
|
|
21
|
+
}
|
|
22
|
+
export declare const HeroBody: import("react").ForwardRefExoticComponent<Omit<HeroBodyProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
23
|
+
export interface HeroActionsProps extends ComponentPropsWithRef<'div'> {
|
|
24
|
+
}
|
|
25
|
+
export declare const HeroActions: import("react").ForwardRefExoticComponent<Omit<HeroActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Hero = forwardRef(function Hero({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-hero',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("section", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
10
|
+
export const HeroTitle = forwardRef(function HeroTitle({ className, children, ...props }, ref) {
|
|
11
|
+
const cls = [
|
|
12
|
+
'dg-hero__title',
|
|
13
|
+
className,
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
return _jsx("h1", { ref: ref, className: cls, ...props, children: children });
|
|
16
|
+
});
|
|
17
|
+
export const HeroContent = forwardRef(function HeroContent({ className, children, ...props }, ref) {
|
|
18
|
+
const cls = [
|
|
19
|
+
'dg-hero__content',
|
|
20
|
+
className,
|
|
21
|
+
].filter(Boolean).join(' ');
|
|
22
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
23
|
+
});
|
|
24
|
+
export const HeroAnnouncement = forwardRef(function HeroAnnouncement({ className, children, ...props }, ref) {
|
|
25
|
+
const cls = [
|
|
26
|
+
'dg-hero__announcement',
|
|
27
|
+
className,
|
|
28
|
+
].filter(Boolean).join(' ');
|
|
29
|
+
return _jsx("a", { ref: ref, className: cls, ...props, children: children });
|
|
30
|
+
});
|
|
31
|
+
export const HeroAnnouncementText = forwardRef(function HeroAnnouncementText({ className, children, ...props }, ref) {
|
|
32
|
+
const cls = [
|
|
33
|
+
'dg-hero__announcement-text',
|
|
34
|
+
className,
|
|
35
|
+
].filter(Boolean).join(' ');
|
|
36
|
+
return _jsx("span", { ref: ref, className: cls, ...props, children: children });
|
|
37
|
+
});
|
|
38
|
+
export const HeroAnnouncementCta = forwardRef(function HeroAnnouncementCta({ className, children, ...props }, ref) {
|
|
39
|
+
const cls = [
|
|
40
|
+
'dg-hero__announcement-cta',
|
|
41
|
+
className,
|
|
42
|
+
].filter(Boolean).join(' ');
|
|
43
|
+
return _jsx("span", { ref: ref, className: cls, ...props, children: children });
|
|
44
|
+
});
|
|
45
|
+
export const HeroBody = forwardRef(function HeroBody({ className, children, ...props }, ref) {
|
|
46
|
+
const cls = [
|
|
47
|
+
'dg-hero__body',
|
|
48
|
+
className,
|
|
49
|
+
].filter(Boolean).join(' ');
|
|
50
|
+
return _jsx("p", { ref: ref, className: cls, ...props, children: children });
|
|
51
|
+
});
|
|
52
|
+
export const HeroActions = forwardRef(function HeroActions({ className, children, ...props }, ref) {
|
|
53
|
+
const cls = [
|
|
54
|
+
'dg-hero__actions',
|
|
55
|
+
className,
|
|
56
|
+
].filter(Boolean).join(' ');
|
|
57
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
58
|
+
});
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface IconProps extends ComponentPropsWithRef<'i'> {
|
|
3
|
+
name?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Icon = forwardRef(function Icon({ name, className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-icon',
|
|
6
|
+
name && `fas fa-${name}`,
|
|
7
|
+
className,
|
|
8
|
+
].filter(Boolean).join(' ');
|
|
9
|
+
return _jsx("i", { ref: ref, className: cls, ...props, children: children });
|
|
10
|
+
});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface InputProps extends ComponentPropsWithRef<'input'> {
|
|
3
|
+
inline?: boolean;
|
|
4
|
+
full?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Input = forwardRef(function Input({ inline, full, className, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-input',
|
|
6
|
+
inline && 'dg-input--inline',
|
|
7
|
+
full && 'dg-input--full',
|
|
8
|
+
className,
|
|
9
|
+
].filter(Boolean).join(' ');
|
|
10
|
+
return _jsx("input", { ref: ref, className: cls, ...props });
|
|
11
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface ItemTitleProps extends ComponentPropsWithRef<'h4'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const ItemTitle: import("react").ForwardRefExoticComponent<Omit<ItemTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const ItemTitle = forwardRef(function ItemTitle({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-item-title',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("h4", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Link = forwardRef(function Link({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-link',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("a", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface ModalProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export interface ModalContentProps extends ComponentPropsWithRef<'div'> {
|
|
7
|
+
}
|
|
8
|
+
export declare const ModalContent: import("react").ForwardRefExoticComponent<Omit<ModalContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Modal = forwardRef(function Modal({ visible, className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-modal',
|
|
6
|
+
visible && 'dg-modal--visible',
|
|
7
|
+
className,
|
|
8
|
+
].filter(Boolean).join(' ');
|
|
9
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
10
|
+
});
|
|
11
|
+
export const ModalContent = forwardRef(function ModalContent({ className, children, ...props }, ref) {
|
|
12
|
+
const cls = [
|
|
13
|
+
'dg-modal__content',
|
|
14
|
+
className,
|
|
15
|
+
].filter(Boolean).join(' ');
|
|
16
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
17
|
+
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface NewsletterProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
compact?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const Newsletter: import("react").ForwardRefExoticComponent<Omit<NewsletterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export interface NewsletterFormProps extends ComponentPropsWithRef<'form'> {
|
|
7
|
+
}
|
|
8
|
+
export declare const NewsletterForm: import("react").ForwardRefExoticComponent<Omit<NewsletterFormProps, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Newsletter = forwardRef(function Newsletter({ compact, className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-newsletter',
|
|
6
|
+
compact && 'dg-newsletter--compact',
|
|
7
|
+
className,
|
|
8
|
+
].filter(Boolean).join(' ');
|
|
9
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
10
|
+
});
|
|
11
|
+
export const NewsletterForm = forwardRef(function NewsletterForm({ className, children, ...props }, ref) {
|
|
12
|
+
const cls = [
|
|
13
|
+
'dg-newsletter__form',
|
|
14
|
+
className,
|
|
15
|
+
].filter(Boolean).join(' ');
|
|
16
|
+
return _jsx("form", { ref: ref, className: cls, ...props, children: children });
|
|
17
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface OptionProps extends ComponentPropsWithRef<'option'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const Option: import("react").ForwardRefExoticComponent<Omit<OptionProps, "ref"> & import("react").RefAttributes<HTMLOptionElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Option = forwardRef(function Option({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-option',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("option", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface PageHeadingProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const PageHeading: import("react").ForwardRefExoticComponent<Omit<PageHeadingProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export interface PageHeadingTitleProps extends ComponentPropsWithRef<'h1'> {
|
|
6
|
+
}
|
|
7
|
+
export declare const PageHeadingTitle: import("react").ForwardRefExoticComponent<Omit<PageHeadingTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
8
|
+
export interface PageHeadingDescriptionProps extends ComponentPropsWithRef<'p'> {
|
|
9
|
+
}
|
|
10
|
+
export declare const PageHeadingDescription: import("react").ForwardRefExoticComponent<Omit<PageHeadingDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const PageHeading = forwardRef(function PageHeading({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-page-heading',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
10
|
+
export const PageHeadingTitle = forwardRef(function PageHeadingTitle({ className, children, ...props }, ref) {
|
|
11
|
+
const cls = [
|
|
12
|
+
'dg-page-heading__title',
|
|
13
|
+
className,
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
return _jsx("h1", { ref: ref, className: cls, ...props, children: children });
|
|
16
|
+
});
|
|
17
|
+
export const PageHeadingDescription = forwardRef(function PageHeadingDescription({ className, children, ...props }, ref) {
|
|
18
|
+
const cls = [
|
|
19
|
+
'dg-page-heading__description',
|
|
20
|
+
className,
|
|
21
|
+
].filter(Boolean).join(' ');
|
|
22
|
+
return _jsx("p", { ref: ref, className: cls, ...props, children: children });
|
|
23
|
+
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface PageHeadingsProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const PageHeadings: import("react").ForwardRefExoticComponent<Omit<PageHeadingsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export interface PageHeadingsTitleWrapperProps extends ComponentPropsWithRef<'div'> {
|
|
6
|
+
}
|
|
7
|
+
export declare const PageHeadingsTitleWrapper: import("react").ForwardRefExoticComponent<Omit<PageHeadingsTitleWrapperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export interface PageHeadingsTitleProps extends ComponentPropsWithRef<'h2'> {
|
|
9
|
+
}
|
|
10
|
+
export declare const PageHeadingsTitle: import("react").ForwardRefExoticComponent<Omit<PageHeadingsTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
11
|
+
export interface PageHeadingsActionsProps extends ComponentPropsWithRef<'div'> {
|
|
12
|
+
}
|
|
13
|
+
export declare const PageHeadingsActions: import("react").ForwardRefExoticComponent<Omit<PageHeadingsActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const PageHeadings = forwardRef(function PageHeadings({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-page-headings',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
10
|
+
export const PageHeadingsTitleWrapper = forwardRef(function PageHeadingsTitleWrapper({ className, children, ...props }, ref) {
|
|
11
|
+
const cls = [
|
|
12
|
+
'dg-page-headings__title-wrapper',
|
|
13
|
+
className,
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
16
|
+
});
|
|
17
|
+
export const PageHeadingsTitle = forwardRef(function PageHeadingsTitle({ className, children, ...props }, ref) {
|
|
18
|
+
const cls = [
|
|
19
|
+
'dg-page-headings__title',
|
|
20
|
+
className,
|
|
21
|
+
].filter(Boolean).join(' ');
|
|
22
|
+
return _jsx("h2", { ref: ref, className: cls, ...props, children: children });
|
|
23
|
+
});
|
|
24
|
+
export const PageHeadingsActions = forwardRef(function PageHeadingsActions({ className, children, ...props }, ref) {
|
|
25
|
+
const cls = [
|
|
26
|
+
'dg-page-headings__actions',
|
|
27
|
+
className,
|
|
28
|
+
].filter(Boolean).join(' ');
|
|
29
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
30
|
+
});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface ProseProps extends ComponentPropsWithRef<'p'> {
|
|
3
|
+
large?: boolean;
|
|
4
|
+
small?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const Prose: import("react").ForwardRefExoticComponent<Omit<ProseProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Prose = forwardRef(function Prose({ large, small, className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-prose',
|
|
6
|
+
large && 'dg-prose--large',
|
|
7
|
+
small && 'dg-prose--small',
|
|
8
|
+
className,
|
|
9
|
+
].filter(Boolean).join(' ');
|
|
10
|
+
return _jsx("p", { ref: ref, className: cls, ...props, children: children });
|
|
11
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface RadioProps extends ComponentPropsWithRef<'input'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const Radio = forwardRef(function Radio({ className, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-radio',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("input", { ref: ref, type: "radio", className: cls, ...props });
|
|
9
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface RadioDescriptionProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const RadioDescription: import("react").ForwardRefExoticComponent<Omit<RadioDescriptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export interface RadioDescriptionHintProps extends ComponentPropsWithRef<'span'> {
|
|
6
|
+
}
|
|
7
|
+
export declare const RadioDescriptionHint: import("react").ForwardRefExoticComponent<Omit<RadioDescriptionHintProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const RadioDescription = forwardRef(function RadioDescription({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-radio-description',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
10
|
+
export const RadioDescriptionHint = forwardRef(function RadioDescriptionHint({ className, children, ...props }, ref) {
|
|
11
|
+
const cls = [
|
|
12
|
+
'dg-radio-description__hint',
|
|
13
|
+
className,
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
return _jsx("span", { ref: ref, className: cls, ...props, children: children });
|
|
16
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface RadioGroupProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const RadioGroup = forwardRef(function RadioGroup({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-radio-group',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("div", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface RadioLabelProps extends ComponentPropsWithRef<'label'> {
|
|
3
|
+
}
|
|
4
|
+
export declare const RadioLabel: import("react").ForwardRefExoticComponent<Omit<RadioLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
export const RadioLabel = forwardRef(function RadioLabel({ className, children, ...props }, ref) {
|
|
4
|
+
const cls = [
|
|
5
|
+
'dg-radio-label',
|
|
6
|
+
className,
|
|
7
|
+
].filter(Boolean).join(' ');
|
|
8
|
+
return _jsx("label", { ref: ref, className: cls, ...props, children: children });
|
|
9
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface SectionProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
compact?: boolean;
|
|
4
|
+
spacious?: boolean;
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
elevated?: boolean;
|
|
7
|
+
fieldset?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const Section: import("react").ForwardRefExoticComponent<Omit<SectionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|