@deepgram/styles 0.2.10 → 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.
Files changed (182) hide show
  1. package/LICENSE +12 -19
  2. package/README.md +354 -386
  3. package/design-system.yaml +3742 -3869
  4. package/dist/deepgram.css +1 -1
  5. package/dist/deepgram.expanded.css +750 -1607
  6. package/dist/logo/lettermark-circle-dark.svg +15 -0
  7. package/dist/logo/lettermark-circle-light.svg +15 -0
  8. package/dist/logo/lettermark-circle.svg +27 -0
  9. package/dist/logo/lettermark-dark.svg +3 -0
  10. package/dist/logo/lettermark-light.svg +3 -0
  11. package/dist/logo/lettermark-square-dark.svg +10 -0
  12. package/dist/logo/lettermark-square-light.svg +10 -0
  13. package/dist/logo/lettermark-square.svg +22 -0
  14. package/dist/logo/lettermark.svg +9 -0
  15. package/dist/logo/wordmark-dark.svg +4 -0
  16. package/dist/logo/wordmark-light.svg +4 -0
  17. package/dist/logo/wordmark.svg +10 -0
  18. package/dist/react/ActionGroup.d.ts +4 -0
  19. package/dist/react/ActionGroup.js +9 -0
  20. package/dist/react/Alert.d.ts +34 -0
  21. package/dist/react/Alert.js +71 -0
  22. package/dist/react/Btn.d.ts +11 -0
  23. package/dist/react/Btn.js +16 -0
  24. package/dist/react/BtnCollapse.d.ts +4 -0
  25. package/dist/react/BtnCollapse.js +9 -0
  26. package/dist/react/BtnDangerGhost.d.ts +4 -0
  27. package/dist/react/BtnDangerGhost.js +9 -0
  28. package/dist/react/BtnGhost.d.ts +4 -0
  29. package/dist/react/BtnGhost.js +9 -0
  30. package/dist/react/BtnIcon.d.ts +4 -0
  31. package/dist/react/BtnIcon.js +9 -0
  32. package/dist/react/BtnSecondary.d.ts +4 -0
  33. package/dist/react/BtnSecondary.js +9 -0
  34. package/dist/react/BtnSmall.d.ts +4 -0
  35. package/dist/react/BtnSmall.js +9 -0
  36. package/dist/react/Card.d.ts +26 -0
  37. package/dist/react/Card.js +51 -0
  38. package/dist/react/CardHeading.d.ts +4 -0
  39. package/dist/react/CardHeading.js +9 -0
  40. package/dist/react/CardHeadings.d.ts +7 -0
  41. package/dist/react/CardHeadings.js +16 -0
  42. package/dist/react/Checkbox.d.ts +4 -0
  43. package/dist/react/Checkbox.js +9 -0
  44. package/dist/react/CheckboxDescription.d.ts +4 -0
  45. package/dist/react/CheckboxDescription.js +9 -0
  46. package/dist/react/CheckboxGroup.d.ts +4 -0
  47. package/dist/react/CheckboxGroup.js +9 -0
  48. package/dist/react/CheckboxLabel.d.ts +4 -0
  49. package/dist/react/CheckboxLabel.js +9 -0
  50. package/dist/react/CodeBlock.d.ts +7 -0
  51. package/dist/react/CodeBlock.js +12 -0
  52. package/dist/react/Columns.d.ts +25 -0
  53. package/dist/react/Columns.js +44 -0
  54. package/dist/react/ConstrainWidth.d.ts +4 -0
  55. package/dist/react/ConstrainWidth.js +9 -0
  56. package/dist/react/DragDropZone.d.ts +17 -0
  57. package/dist/react/DragDropZone.js +38 -0
  58. package/dist/react/Footer.d.ts +10 -0
  59. package/dist/react/Footer.js +23 -0
  60. package/dist/react/FormError.d.ts +4 -0
  61. package/dist/react/FormError.js +9 -0
  62. package/dist/react/FormField.d.ts +4 -0
  63. package/dist/react/FormField.js +9 -0
  64. package/dist/react/FormHelper.d.ts +4 -0
  65. package/dist/react/FormHelper.js +9 -0
  66. package/dist/react/FormLabel.d.ts +4 -0
  67. package/dist/react/FormLabel.js +9 -0
  68. package/dist/react/GridMobileStack.d.ts +4 -0
  69. package/dist/react/GridMobileStack.js +9 -0
  70. package/dist/react/Header.d.ts +25 -0
  71. package/dist/react/Header.js +58 -0
  72. package/dist/react/Hero.d.ts +25 -0
  73. package/dist/react/Hero.js +58 -0
  74. package/dist/react/Icon.d.ts +5 -0
  75. package/dist/react/Icon.js +10 -0
  76. package/dist/react/Input.d.ts +6 -0
  77. package/dist/react/Input.js +11 -0
  78. package/dist/react/ItemTitle.d.ts +4 -0
  79. package/dist/react/ItemTitle.js +9 -0
  80. package/dist/react/Link.d.ts +4 -0
  81. package/dist/react/Link.js +9 -0
  82. package/dist/react/Modal.d.ts +8 -0
  83. package/dist/react/Modal.js +17 -0
  84. package/dist/react/Newsletter.d.ts +8 -0
  85. package/dist/react/Newsletter.js +17 -0
  86. package/dist/react/Option.d.ts +4 -0
  87. package/dist/react/Option.js +9 -0
  88. package/dist/react/PageHeading.d.ts +10 -0
  89. package/dist/react/PageHeading.js +23 -0
  90. package/dist/react/PageHeadings.d.ts +13 -0
  91. package/dist/react/PageHeadings.js +30 -0
  92. package/dist/react/Prose.d.ts +6 -0
  93. package/dist/react/Prose.js +11 -0
  94. package/dist/react/Radio.d.ts +4 -0
  95. package/dist/react/Radio.js +9 -0
  96. package/dist/react/RadioDescription.d.ts +7 -0
  97. package/dist/react/RadioDescription.js +16 -0
  98. package/dist/react/RadioGroup.d.ts +4 -0
  99. package/dist/react/RadioGroup.js +9 -0
  100. package/dist/react/RadioLabel.d.ts +4 -0
  101. package/dist/react/RadioLabel.js +9 -0
  102. package/dist/react/Section.d.ts +9 -0
  103. package/dist/react/Section.js +14 -0
  104. package/dist/react/SectionHeading.d.ts +4 -0
  105. package/dist/react/SectionHeading.js +9 -0
  106. package/dist/react/Select.d.ts +4 -0
  107. package/dist/react/Select.js +9 -0
  108. package/dist/react/Spinner.d.ts +7 -0
  109. package/dist/react/Spinner.js +16 -0
  110. package/dist/react/Status.d.ts +12 -0
  111. package/dist/react/Status.js +17 -0
  112. package/dist/react/TextUtilities.d.ts +4 -0
  113. package/dist/react/TextUtilities.js +9 -0
  114. package/dist/react/Textarea.d.ts +4 -0
  115. package/dist/react/Textarea.js +9 -0
  116. package/dist/react/Toggle.d.ts +4 -0
  117. package/dist/react/Toggle.js +9 -0
  118. package/dist/react/ToggleGroup.d.ts +4 -0
  119. package/dist/react/ToggleGroup.js +9 -0
  120. package/dist/react/ToggleLabel.d.ts +4 -0
  121. package/dist/react/ToggleLabel.js +9 -0
  122. package/dist/react/index.d.ts +43 -0
  123. package/dist/react/index.js +43 -0
  124. package/dist/utils.d.ts +16 -0
  125. package/dist/utils.js +50 -0
  126. package/lib/deepgram.css +595 -752
  127. package/lib/tailwind-theme.css +27 -22
  128. package/package.json +54 -3
  129. package/src/react/ActionGroup.tsx +14 -0
  130. package/src/react/Alert.tsx +130 -0
  131. package/src/react/Btn.tsx +28 -0
  132. package/src/react/BtnCollapse.tsx +14 -0
  133. package/src/react/BtnDangerGhost.tsx +14 -0
  134. package/src/react/BtnGhost.tsx +14 -0
  135. package/src/react/BtnIcon.tsx +14 -0
  136. package/src/react/BtnSecondary.tsx +14 -0
  137. package/src/react/BtnSmall.tsx +14 -0
  138. package/src/react/Card.tsx +93 -0
  139. package/src/react/CardHeading.tsx +14 -0
  140. package/src/react/CardHeadings.tsx +27 -0
  141. package/src/react/Checkbox.tsx +14 -0
  142. package/src/react/CheckboxDescription.tsx +14 -0
  143. package/src/react/CheckboxGroup.tsx +14 -0
  144. package/src/react/CheckboxLabel.tsx +14 -0
  145. package/src/react/CodeBlock.tsx +20 -0
  146. package/src/react/Columns.tsx +82 -0
  147. package/src/react/ConstrainWidth.tsx +14 -0
  148. package/src/react/DragDropZone.tsx +68 -0
  149. package/src/react/Footer.tsx +40 -0
  150. package/src/react/FormError.tsx +14 -0
  151. package/src/react/FormField.tsx +14 -0
  152. package/src/react/FormHelper.tsx +14 -0
  153. package/src/react/FormLabel.tsx +14 -0
  154. package/src/react/GridMobileStack.tsx +14 -0
  155. package/src/react/Header.tsx +105 -0
  156. package/src/react/Hero.tsx +105 -0
  157. package/src/react/Icon.tsx +16 -0
  158. package/src/react/Input.tsx +18 -0
  159. package/src/react/ItemTitle.tsx +14 -0
  160. package/src/react/Link.tsx +14 -0
  161. package/src/react/Modal.tsx +29 -0
  162. package/src/react/Newsletter.tsx +29 -0
  163. package/src/react/Option.tsx +14 -0
  164. package/src/react/PageHeading.tsx +40 -0
  165. package/src/react/PageHeadings.tsx +53 -0
  166. package/src/react/Prose.tsx +18 -0
  167. package/src/react/Radio.tsx +14 -0
  168. package/src/react/RadioDescription.tsx +27 -0
  169. package/src/react/RadioGroup.tsx +14 -0
  170. package/src/react/RadioLabel.tsx +14 -0
  171. package/src/react/Section.tsx +24 -0
  172. package/src/react/SectionHeading.tsx +14 -0
  173. package/src/react/Select.tsx +14 -0
  174. package/src/react/Spinner.tsx +27 -0
  175. package/src/react/Status.tsx +30 -0
  176. package/src/react/TextUtilities.tsx +14 -0
  177. package/src/react/Textarea.tsx +14 -0
  178. package/src/react/Toggle.tsx +14 -0
  179. package/src/react/ToggleGroup.tsx +14 -0
  180. package/src/react/ToggleLabel.tsx +14 -0
  181. package/src/react/index.ts +43 -0
  182. package/src/utils.ts +60 -0
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const CheckboxGroup = forwardRef(function CheckboxGroup({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-checkbox-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 CheckboxLabelProps extends ComponentPropsWithRef<'label'> {
3
+ }
4
+ export declare const CheckboxLabel: import("react").ForwardRefExoticComponent<Omit<CheckboxLabelProps, "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 CheckboxLabel = forwardRef(function CheckboxLabel({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-checkbox-label',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("label", { ref: ref, className: cls, ...props, children: children });
9
+ });
@@ -0,0 +1,7 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface CodeBlockProps extends ComponentPropsWithRef<'div'> {
3
+ compact?: boolean;
4
+ tall?: boolean;
5
+ noScroll?: boolean;
6
+ }
7
+ export declare const CodeBlock: import("react").ForwardRefExoticComponent<Omit<CodeBlockProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const CodeBlock = forwardRef(function CodeBlock({ compact, tall, noScroll, className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-code-block',
6
+ compact && 'dg-code-block--compact',
7
+ tall && 'dg-code-block--tall',
8
+ noScroll && 'dg-code-block--no-scroll',
9
+ className,
10
+ ].filter(Boolean).join(' ');
11
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
12
+ });
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import { type ComponentPropsWithRef } from 'react';
3
+ export interface ColumnsProps extends ComponentPropsWithRef<'div'> {
4
+ fixed?: boolean;
5
+ }
6
+ export declare const Columns: React.ForwardRefExoticComponent<Omit<ColumnsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export interface ColumnsWrapperProps extends ComponentPropsWithRef<'div'> {
8
+ }
9
+ export declare const ColumnsWrapper: React.ForwardRefExoticComponent<Omit<ColumnsWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ export interface ColumnsMobileHeaderProps extends ComponentPropsWithRef<'div'> {
11
+ }
12
+ export declare const ColumnsMobileHeader: React.ForwardRefExoticComponent<Omit<ColumnsMobileHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
+ export interface ColumnsSidebarToggleProps extends ComponentPropsWithRef<'div'> {
14
+ }
15
+ export declare const ColumnsSidebarToggle: React.ForwardRefExoticComponent<Omit<ColumnsSidebarToggleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
+ export interface ColumnsColumnProps extends Omit<ComponentPropsWithRef<'div'>, 'is'> {
17
+ is?: React.ElementType;
18
+ left?: boolean;
19
+ right?: boolean;
20
+ center?: boolean;
21
+ sm?: boolean;
22
+ lg?: boolean;
23
+ xl?: boolean;
24
+ }
25
+ export declare const ColumnsColumn: React.ForwardRefExoticComponent<Omit<ColumnsColumnProps, "ref"> & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1,44 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const Columns = forwardRef(function Columns({ fixed, className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-columns',
6
+ fixed && 'dg-columns--fixed',
7
+ className,
8
+ ].filter(Boolean).join(' ');
9
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
10
+ });
11
+ export const ColumnsWrapper = forwardRef(function ColumnsWrapper({ className, children, ...props }, ref) {
12
+ const cls = [
13
+ 'dg-columns__wrapper',
14
+ className,
15
+ ].filter(Boolean).join(' ');
16
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
17
+ });
18
+ export const ColumnsMobileHeader = forwardRef(function ColumnsMobileHeader({ className, children, ...props }, ref) {
19
+ const cls = [
20
+ 'dg-columns__mobile-header',
21
+ className,
22
+ ].filter(Boolean).join(' ');
23
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
24
+ });
25
+ export const ColumnsSidebarToggle = forwardRef(function ColumnsSidebarToggle({ className, children, ...props }, ref) {
26
+ const cls = [
27
+ 'dg-columns__sidebar-toggle',
28
+ className,
29
+ ].filter(Boolean).join(' ');
30
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
31
+ });
32
+ export const ColumnsColumn = forwardRef(function ColumnsColumn({ is: Tag = 'div', left, right, center, sm, lg, xl, className, children, ...props }, ref) {
33
+ const cls = [
34
+ 'dg-columns__column',
35
+ left && 'dg-columns__column--left',
36
+ right && 'dg-columns__column--right',
37
+ center && 'dg-columns__column--center',
38
+ sm && 'dg-columns__column--sm',
39
+ lg && 'dg-columns__column--lg',
40
+ xl && 'dg-columns__column--xl',
41
+ className,
42
+ ].filter(Boolean).join(' ');
43
+ return _jsx(Tag, { ref: ref, className: cls, ...props, children: children });
44
+ });
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface ConstrainWidthProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const ConstrainWidth: import("react").ForwardRefExoticComponent<Omit<ConstrainWidthProps, "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 ConstrainWidth = forwardRef(function ConstrainWidth({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-constrain-width',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
9
+ });
@@ -0,0 +1,17 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface DragDropZoneProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const DragDropZone: import("react").ForwardRefExoticComponent<Omit<DragDropZoneProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ export interface DragDropZoneInputProps extends ComponentPropsWithRef<'input'> {
6
+ }
7
+ export declare const DragDropZoneInput: import("react").ForwardRefExoticComponent<Omit<DragDropZoneInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
8
+ export interface DragDropZoneIconProps extends ComponentPropsWithRef<'i'> {
9
+ name?: string;
10
+ }
11
+ export declare const DragDropZoneIcon: import("react").ForwardRefExoticComponent<Omit<DragDropZoneIconProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
12
+ export interface DragDropZoneTextProps extends ComponentPropsWithRef<'p'> {
13
+ }
14
+ export declare const DragDropZoneText: import("react").ForwardRefExoticComponent<Omit<DragDropZoneTextProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
15
+ export interface DragDropZoneHintProps extends ComponentPropsWithRef<'p'> {
16
+ }
17
+ export declare const DragDropZoneHint: import("react").ForwardRefExoticComponent<Omit<DragDropZoneHintProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
@@ -0,0 +1,38 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const DragDropZone = forwardRef(function DragDropZone({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-drag-drop-zone',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
9
+ });
10
+ export const DragDropZoneInput = forwardRef(function DragDropZoneInput({ className, ...props }, ref) {
11
+ const cls = [
12
+ 'dg-drag-drop-zone__input',
13
+ className,
14
+ ].filter(Boolean).join(' ');
15
+ return _jsx("input", { ref: ref, type: "file", className: cls, ...props });
16
+ });
17
+ export const DragDropZoneIcon = forwardRef(function DragDropZoneIcon({ name, className, children, ...props }, ref) {
18
+ const cls = [
19
+ 'dg-drag-drop-zone__icon',
20
+ name && `fas fa-${name}`,
21
+ className,
22
+ ].filter(Boolean).join(' ');
23
+ return _jsx("i", { ref: ref, className: cls, ...props, children: children });
24
+ });
25
+ export const DragDropZoneText = forwardRef(function DragDropZoneText({ className, children, ...props }, ref) {
26
+ const cls = [
27
+ 'dg-drag-drop-zone__text',
28
+ className,
29
+ ].filter(Boolean).join(' ');
30
+ return _jsx("p", { ref: ref, className: cls, ...props, children: children });
31
+ });
32
+ export const DragDropZoneHint = forwardRef(function DragDropZoneHint({ className, children, ...props }, ref) {
33
+ const cls = [
34
+ 'dg-drag-drop-zone__hint',
35
+ className,
36
+ ].filter(Boolean).join(' ');
37
+ return _jsx("p", { ref: ref, className: cls, ...props, children: children });
38
+ });
@@ -0,0 +1,10 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface FooterProps extends ComponentPropsWithRef<'footer'> {
3
+ }
4
+ export declare const Footer: import("react").ForwardRefExoticComponent<Omit<FooterProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
5
+ export interface FooterSocialLinksProps extends ComponentPropsWithRef<'div'> {
6
+ }
7
+ export declare const FooterSocialLinks: import("react").ForwardRefExoticComponent<Omit<FooterSocialLinksProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
8
+ export interface FooterSocialLinkProps extends ComponentPropsWithRef<'a'> {
9
+ }
10
+ export declare const FooterSocialLink: import("react").ForwardRefExoticComponent<Omit<FooterSocialLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -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,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface LinkProps extends ComponentPropsWithRef<'a'> {
3
+ }
4
+ export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -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>>;