@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.
Files changed (168) hide show
  1. package/design-system.yaml +3098 -3336
  2. package/dist/deepgram.css +1 -1
  3. package/dist/deepgram.expanded.css +665 -883
  4. package/dist/react/ActionGroup.d.ts +4 -0
  5. package/dist/react/ActionGroup.js +9 -0
  6. package/dist/react/Alert.d.ts +34 -0
  7. package/dist/react/Alert.js +71 -0
  8. package/dist/react/Btn.d.ts +11 -0
  9. package/dist/react/Btn.js +16 -0
  10. package/dist/react/BtnCollapse.d.ts +4 -0
  11. package/dist/react/BtnCollapse.js +9 -0
  12. package/dist/react/BtnDangerGhost.d.ts +4 -0
  13. package/dist/react/BtnDangerGhost.js +9 -0
  14. package/dist/react/BtnGhost.d.ts +4 -0
  15. package/dist/react/BtnGhost.js +9 -0
  16. package/dist/react/BtnIcon.d.ts +4 -0
  17. package/dist/react/BtnIcon.js +9 -0
  18. package/dist/react/BtnSecondary.d.ts +4 -0
  19. package/dist/react/BtnSecondary.js +9 -0
  20. package/dist/react/BtnSmall.d.ts +4 -0
  21. package/dist/react/BtnSmall.js +9 -0
  22. package/dist/react/Card.d.ts +26 -0
  23. package/dist/react/Card.js +51 -0
  24. package/dist/react/CardHeading.d.ts +4 -0
  25. package/dist/react/CardHeading.js +9 -0
  26. package/dist/react/CardHeadings.d.ts +7 -0
  27. package/dist/react/CardHeadings.js +16 -0
  28. package/dist/react/Checkbox.d.ts +4 -0
  29. package/dist/react/Checkbox.js +9 -0
  30. package/dist/react/CheckboxDescription.d.ts +4 -0
  31. package/dist/react/CheckboxDescription.js +9 -0
  32. package/dist/react/CheckboxGroup.d.ts +4 -0
  33. package/dist/react/CheckboxGroup.js +9 -0
  34. package/dist/react/CheckboxLabel.d.ts +4 -0
  35. package/dist/react/CheckboxLabel.js +9 -0
  36. package/dist/react/CodeBlock.d.ts +7 -0
  37. package/dist/react/CodeBlock.js +12 -0
  38. package/dist/react/Columns.d.ts +25 -0
  39. package/dist/react/Columns.js +44 -0
  40. package/dist/react/ConstrainWidth.d.ts +4 -0
  41. package/dist/react/ConstrainWidth.js +9 -0
  42. package/dist/react/DragDropZone.d.ts +17 -0
  43. package/dist/react/DragDropZone.js +38 -0
  44. package/dist/react/Footer.d.ts +10 -0
  45. package/dist/react/Footer.js +23 -0
  46. package/dist/react/FormError.d.ts +4 -0
  47. package/dist/react/FormError.js +9 -0
  48. package/dist/react/FormField.d.ts +4 -0
  49. package/dist/react/FormField.js +9 -0
  50. package/dist/react/FormHelper.d.ts +4 -0
  51. package/dist/react/FormHelper.js +9 -0
  52. package/dist/react/FormLabel.d.ts +4 -0
  53. package/dist/react/FormLabel.js +9 -0
  54. package/dist/react/GridMobileStack.d.ts +4 -0
  55. package/dist/react/GridMobileStack.js +9 -0
  56. package/dist/react/Header.d.ts +25 -0
  57. package/dist/react/Header.js +58 -0
  58. package/dist/react/Hero.d.ts +25 -0
  59. package/dist/react/Hero.js +58 -0
  60. package/dist/react/Icon.d.ts +5 -0
  61. package/dist/react/Icon.js +10 -0
  62. package/dist/react/Input.d.ts +6 -0
  63. package/dist/react/Input.js +11 -0
  64. package/dist/react/ItemTitle.d.ts +4 -0
  65. package/dist/react/ItemTitle.js +9 -0
  66. package/dist/react/Link.d.ts +4 -0
  67. package/dist/react/Link.js +9 -0
  68. package/dist/react/Modal.d.ts +8 -0
  69. package/dist/react/Modal.js +17 -0
  70. package/dist/react/Newsletter.d.ts +8 -0
  71. package/dist/react/Newsletter.js +17 -0
  72. package/dist/react/Option.d.ts +4 -0
  73. package/dist/react/Option.js +9 -0
  74. package/dist/react/PageHeading.d.ts +10 -0
  75. package/dist/react/PageHeading.js +23 -0
  76. package/dist/react/PageHeadings.d.ts +13 -0
  77. package/dist/react/PageHeadings.js +30 -0
  78. package/dist/react/Prose.d.ts +6 -0
  79. package/dist/react/Prose.js +11 -0
  80. package/dist/react/Radio.d.ts +4 -0
  81. package/dist/react/Radio.js +9 -0
  82. package/dist/react/RadioDescription.d.ts +7 -0
  83. package/dist/react/RadioDescription.js +16 -0
  84. package/dist/react/RadioGroup.d.ts +4 -0
  85. package/dist/react/RadioGroup.js +9 -0
  86. package/dist/react/RadioLabel.d.ts +4 -0
  87. package/dist/react/RadioLabel.js +9 -0
  88. package/dist/react/Section.d.ts +9 -0
  89. package/dist/react/Section.js +14 -0
  90. package/dist/react/SectionHeading.d.ts +4 -0
  91. package/dist/react/SectionHeading.js +9 -0
  92. package/dist/react/Select.d.ts +4 -0
  93. package/dist/react/Select.js +9 -0
  94. package/dist/react/Spinner.d.ts +7 -0
  95. package/dist/react/Spinner.js +16 -0
  96. package/dist/react/Status.d.ts +12 -0
  97. package/dist/react/Status.js +17 -0
  98. package/dist/react/TextUtilities.d.ts +4 -0
  99. package/dist/react/TextUtilities.js +9 -0
  100. package/dist/react/Textarea.d.ts +4 -0
  101. package/dist/react/Textarea.js +9 -0
  102. package/dist/react/Toggle.d.ts +4 -0
  103. package/dist/react/Toggle.js +9 -0
  104. package/dist/react/ToggleGroup.d.ts +4 -0
  105. package/dist/react/ToggleGroup.js +9 -0
  106. package/dist/react/ToggleLabel.d.ts +4 -0
  107. package/dist/react/ToggleLabel.js +9 -0
  108. package/dist/react/index.d.ts +43 -0
  109. package/dist/react/index.js +43 -0
  110. package/dist/utils.d.ts +16 -0
  111. package/dist/utils.js +50 -0
  112. package/lib/deepgram.css +531 -486
  113. package/lib/tailwind-theme.css +0 -1
  114. package/package.json +17 -2
  115. package/src/react/ActionGroup.tsx +14 -0
  116. package/src/react/Alert.tsx +130 -0
  117. package/src/react/Btn.tsx +28 -0
  118. package/src/react/BtnCollapse.tsx +14 -0
  119. package/src/react/BtnDangerGhost.tsx +14 -0
  120. package/src/react/BtnGhost.tsx +14 -0
  121. package/src/react/BtnIcon.tsx +14 -0
  122. package/src/react/BtnSecondary.tsx +14 -0
  123. package/src/react/BtnSmall.tsx +14 -0
  124. package/src/react/Card.tsx +93 -0
  125. package/src/react/CardHeading.tsx +14 -0
  126. package/src/react/CardHeadings.tsx +27 -0
  127. package/src/react/Checkbox.tsx +14 -0
  128. package/src/react/CheckboxDescription.tsx +14 -0
  129. package/src/react/CheckboxGroup.tsx +14 -0
  130. package/src/react/CheckboxLabel.tsx +14 -0
  131. package/src/react/CodeBlock.tsx +20 -0
  132. package/src/react/Columns.tsx +82 -0
  133. package/src/react/ConstrainWidth.tsx +14 -0
  134. package/src/react/DragDropZone.tsx +68 -0
  135. package/src/react/Footer.tsx +40 -0
  136. package/src/react/FormError.tsx +14 -0
  137. package/src/react/FormField.tsx +14 -0
  138. package/src/react/FormHelper.tsx +14 -0
  139. package/src/react/FormLabel.tsx +14 -0
  140. package/src/react/GridMobileStack.tsx +14 -0
  141. package/src/react/Header.tsx +105 -0
  142. package/src/react/Hero.tsx +105 -0
  143. package/src/react/Icon.tsx +16 -0
  144. package/src/react/Input.tsx +18 -0
  145. package/src/react/ItemTitle.tsx +14 -0
  146. package/src/react/Link.tsx +14 -0
  147. package/src/react/Modal.tsx +29 -0
  148. package/src/react/Newsletter.tsx +29 -0
  149. package/src/react/Option.tsx +14 -0
  150. package/src/react/PageHeading.tsx +40 -0
  151. package/src/react/PageHeadings.tsx +53 -0
  152. package/src/react/Prose.tsx +18 -0
  153. package/src/react/Radio.tsx +14 -0
  154. package/src/react/RadioDescription.tsx +27 -0
  155. package/src/react/RadioGroup.tsx +14 -0
  156. package/src/react/RadioLabel.tsx +14 -0
  157. package/src/react/Section.tsx +24 -0
  158. package/src/react/SectionHeading.tsx +14 -0
  159. package/src/react/Select.tsx +14 -0
  160. package/src/react/Spinner.tsx +27 -0
  161. package/src/react/Status.tsx +30 -0
  162. package/src/react/TextUtilities.tsx +14 -0
  163. package/src/react/Textarea.tsx +14 -0
  164. package/src/react/Toggle.tsx +14 -0
  165. package/src/react/ToggleGroup.tsx +14 -0
  166. package/src/react/ToggleLabel.tsx +14 -0
  167. package/src/react/index.ts +43 -0
  168. package/src/utils.ts +60 -0
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface ActionGroupProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const ActionGroup: import("react").ForwardRefExoticComponent<Omit<ActionGroupProps, "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 ActionGroup = forwardRef(function ActionGroup({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-action-group',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
9
+ });
@@ -0,0 +1,34 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface AlertProps extends ComponentPropsWithRef<'div'> {
3
+ warning?: boolean;
4
+ success?: boolean;
5
+ danger?: boolean;
6
+ info?: boolean;
7
+ }
8
+ export declare const Alert: import("react").ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
9
+ export interface AlertContentProps extends ComponentPropsWithRef<'div'> {
10
+ }
11
+ export declare const AlertContent: import("react").ForwardRefExoticComponent<Omit<AlertContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
12
+ export interface AlertIconProps extends ComponentPropsWithRef<'i'> {
13
+ name?: string;
14
+ }
15
+ export declare const AlertIcon: import("react").ForwardRefExoticComponent<Omit<AlertIconProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
16
+ export interface AlertBodyProps extends ComponentPropsWithRef<'div'> {
17
+ }
18
+ export declare const AlertBody: import("react").ForwardRefExoticComponent<Omit<AlertBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
19
+ export interface AlertTitleProps extends ComponentPropsWithRef<'h3'> {
20
+ }
21
+ export declare const AlertTitle: import("react").ForwardRefExoticComponent<Omit<AlertTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
22
+ export interface AlertDescriptionProps extends ComponentPropsWithRef<'div'> {
23
+ }
24
+ export declare const AlertDescription: import("react").ForwardRefExoticComponent<Omit<AlertDescriptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
25
+ export interface AlertActionsProps extends ComponentPropsWithRef<'div'> {
26
+ }
27
+ export declare const AlertActions: import("react").ForwardRefExoticComponent<Omit<AlertActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
28
+ export interface AlertListProps extends ComponentPropsWithRef<'ul'> {
29
+ }
30
+ export declare const AlertList: import("react").ForwardRefExoticComponent<Omit<AlertListProps, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
31
+ export interface AlertDismissProps extends ComponentPropsWithRef<'button'> {
32
+ name?: string;
33
+ }
34
+ export declare const AlertDismiss: import("react").ForwardRefExoticComponent<Omit<AlertDismissProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,71 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const Alert = forwardRef(function Alert({ warning, success, danger, info, className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-alert',
6
+ warning && 'dg-alert--warning',
7
+ success && 'dg-alert--success',
8
+ danger && 'dg-alert--danger',
9
+ info && 'dg-alert--info',
10
+ className,
11
+ ].filter(Boolean).join(' ');
12
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
13
+ });
14
+ export const AlertContent = forwardRef(function AlertContent({ className, children, ...props }, ref) {
15
+ const cls = [
16
+ 'dg-alert__content',
17
+ className,
18
+ ].filter(Boolean).join(' ');
19
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
20
+ });
21
+ export const AlertIcon = forwardRef(function AlertIcon({ name, className, children, ...props }, ref) {
22
+ const cls = [
23
+ 'dg-alert__icon',
24
+ name && `fas fa-${name}`,
25
+ className,
26
+ ].filter(Boolean).join(' ');
27
+ return _jsx("i", { ref: ref, className: cls, ...props, children: children });
28
+ });
29
+ export const AlertBody = forwardRef(function AlertBody({ className, children, ...props }, ref) {
30
+ const cls = [
31
+ 'dg-alert__body',
32
+ className,
33
+ ].filter(Boolean).join(' ');
34
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
35
+ });
36
+ export const AlertTitle = forwardRef(function AlertTitle({ className, children, ...props }, ref) {
37
+ const cls = [
38
+ 'dg-alert__title',
39
+ className,
40
+ ].filter(Boolean).join(' ');
41
+ return _jsx("h3", { ref: ref, className: cls, ...props, children: children });
42
+ });
43
+ export const AlertDescription = forwardRef(function AlertDescription({ className, children, ...props }, ref) {
44
+ const cls = [
45
+ 'dg-alert__description',
46
+ className,
47
+ ].filter(Boolean).join(' ');
48
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
49
+ });
50
+ export const AlertActions = forwardRef(function AlertActions({ className, children, ...props }, ref) {
51
+ const cls = [
52
+ 'dg-alert__actions',
53
+ className,
54
+ ].filter(Boolean).join(' ');
55
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
56
+ });
57
+ export const AlertList = forwardRef(function AlertList({ className, children, ...props }, ref) {
58
+ const cls = [
59
+ 'dg-alert__list',
60
+ className,
61
+ ].filter(Boolean).join(' ');
62
+ return _jsx("ul", { ref: ref, className: cls, ...props, children: children });
63
+ });
64
+ export const AlertDismiss = forwardRef(function AlertDismiss({ name, className, children, ...props }, ref) {
65
+ const cls = [
66
+ 'dg-alert__dismiss',
67
+ name && `fas fa-${name}`,
68
+ className,
69
+ ].filter(Boolean).join(' ');
70
+ return _jsx("button", { ref: ref, className: cls, ...props, children: children });
71
+ });
@@ -0,0 +1,11 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface BtnProps extends ComponentPropsWithRef<'button'> {
3
+ sm?: boolean;
4
+ primary?: boolean;
5
+ secondary?: boolean;
6
+ ghost?: boolean;
7
+ dangerGhost?: boolean;
8
+ iconOnly?: boolean;
9
+ collapse?: boolean;
10
+ }
11
+ export declare const Btn: import("react").ForwardRefExoticComponent<Omit<BtnProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const Btn = forwardRef(function Btn({ sm, primary, secondary, ghost, dangerGhost, iconOnly, collapse, className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn',
6
+ sm && 'dg-btn--sm',
7
+ primary && 'dg-btn--primary',
8
+ secondary && 'dg-btn--secondary',
9
+ ghost && 'dg-btn--ghost',
10
+ dangerGhost && 'dg-btn--danger-ghost',
11
+ iconOnly && 'dg-btn--icon-only',
12
+ collapse && 'dg-btn--collapse',
13
+ className,
14
+ ].filter(Boolean).join(' ');
15
+ return _jsx("button", { ref: ref, className: cls, ...props, children: children });
16
+ });
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface BtnCollapseProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const BtnCollapse: import("react").ForwardRefExoticComponent<Omit<BtnCollapseProps, "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 BtnCollapse = forwardRef(function BtnCollapse({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn-collapse',
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 BtnDangerGhostProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const BtnDangerGhost: import("react").ForwardRefExoticComponent<Omit<BtnDangerGhostProps, "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 BtnDangerGhost = forwardRef(function BtnDangerGhost({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn-danger-ghost',
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 BtnGhostProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const BtnGhost: import("react").ForwardRefExoticComponent<Omit<BtnGhostProps, "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 BtnGhost = forwardRef(function BtnGhost({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn-ghost',
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 BtnIconProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const BtnIcon: import("react").ForwardRefExoticComponent<Omit<BtnIconProps, "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 BtnIcon = forwardRef(function BtnIcon({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn-icon',
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 BtnSecondaryProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const BtnSecondary: import("react").ForwardRefExoticComponent<Omit<BtnSecondaryProps, "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 BtnSecondary = forwardRef(function BtnSecondary({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn-secondary',
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 BtnSmallProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const BtnSmall: import("react").ForwardRefExoticComponent<Omit<BtnSmallProps, "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 BtnSmall = forwardRef(function BtnSmall({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-btn-small',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
9
+ });
@@ -0,0 +1,26 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface CardProps extends ComponentPropsWithRef<'div'> {
3
+ compact?: boolean;
4
+ spacious?: boolean;
5
+ bordered?: boolean;
6
+ structured?: boolean;
7
+ selectable?: boolean;
8
+ fileUpload?: boolean;
9
+ }
10
+ export declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
11
+ export interface CardImageProps extends ComponentPropsWithRef<'div'> {
12
+ }
13
+ export declare const CardImage: import("react").ForwardRefExoticComponent<Omit<CardImageProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
14
+ export interface CardIconProps extends ComponentPropsWithRef<'i'> {
15
+ name?: string;
16
+ }
17
+ export declare const CardIcon: import("react").ForwardRefExoticComponent<Omit<CardIconProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
18
+ export interface CardHeaderProps extends ComponentPropsWithRef<'div'> {
19
+ }
20
+ export declare const CardHeader: import("react").ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
21
+ export interface CardBodyProps extends ComponentPropsWithRef<'div'> {
22
+ }
23
+ export declare const CardBody: import("react").ForwardRefExoticComponent<Omit<CardBodyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
24
+ export interface CardFooterProps extends ComponentPropsWithRef<'div'> {
25
+ }
26
+ export declare const CardFooter: import("react").ForwardRefExoticComponent<Omit<CardFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,51 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const Card = forwardRef(function Card({ compact, spacious, bordered, structured, selectable, fileUpload, className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-card',
6
+ compact && 'dg-card--compact',
7
+ spacious && 'dg-card--spacious',
8
+ bordered && 'dg-card--bordered',
9
+ structured && 'dg-card--structured',
10
+ selectable && 'dg-card--selectable',
11
+ fileUpload && 'dg-card--file-upload',
12
+ className,
13
+ ].filter(Boolean).join(' ');
14
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
15
+ });
16
+ export const CardImage = forwardRef(function CardImage({ className, children, ...props }, ref) {
17
+ const cls = [
18
+ 'dg-card__image',
19
+ className,
20
+ ].filter(Boolean).join(' ');
21
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
22
+ });
23
+ export const CardIcon = forwardRef(function CardIcon({ name, className, children, ...props }, ref) {
24
+ const cls = [
25
+ 'dg-card__icon',
26
+ name && `fas fa-${name}`,
27
+ className,
28
+ ].filter(Boolean).join(' ');
29
+ return _jsx("i", { ref: ref, className: cls, ...props, children: children });
30
+ });
31
+ export const CardHeader = forwardRef(function CardHeader({ className, children, ...props }, ref) {
32
+ const cls = [
33
+ 'dg-card__header',
34
+ className,
35
+ ].filter(Boolean).join(' ');
36
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
37
+ });
38
+ export const CardBody = forwardRef(function CardBody({ className, children, ...props }, ref) {
39
+ const cls = [
40
+ 'dg-card__body',
41
+ className,
42
+ ].filter(Boolean).join(' ');
43
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
44
+ });
45
+ export const CardFooter = forwardRef(function CardFooter({ className, children, ...props }, ref) {
46
+ const cls = [
47
+ 'dg-card__footer',
48
+ className,
49
+ ].filter(Boolean).join(' ');
50
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
51
+ });
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface CardHeadingProps extends ComponentPropsWithRef<'h3'> {
3
+ }
4
+ export declare const CardHeading: import("react").ForwardRefExoticComponent<Omit<CardHeadingProps, "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 CardHeading = forwardRef(function CardHeading({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-card-heading',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("h3", { ref: ref, className: cls, ...props, children: children });
9
+ });
@@ -0,0 +1,7 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface CardHeadingsProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const CardHeadings: import("react").ForwardRefExoticComponent<Omit<CardHeadingsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ export interface CardHeadingsTitleProps extends ComponentPropsWithRef<'h3'> {
6
+ }
7
+ export declare const CardHeadingsTitle: import("react").ForwardRefExoticComponent<Omit<CardHeadingsTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ export const CardHeadings = forwardRef(function CardHeadings({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-card-headings',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("div", { ref: ref, className: cls, ...props, children: children });
9
+ });
10
+ export const CardHeadingsTitle = forwardRef(function CardHeadingsTitle({ className, children, ...props }, ref) {
11
+ const cls = [
12
+ 'dg-card-headings__title',
13
+ className,
14
+ ].filter(Boolean).join(' ');
15
+ return _jsx("h3", { ref: ref, className: cls, ...props, children: children });
16
+ });
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface CheckboxProps extends ComponentPropsWithRef<'input'> {
3
+ }
4
+ export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "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 Checkbox = forwardRef(function Checkbox({ className, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-checkbox',
6
+ className,
7
+ ].filter(Boolean).join(' ');
8
+ return _jsx("input", { ref: ref, type: "checkbox", className: cls, ...props });
9
+ });
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithRef } from 'react';
2
+ export interface CheckboxDescriptionProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const CheckboxDescription: import("react").ForwardRefExoticComponent<Omit<CheckboxDescriptionProps, "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 CheckboxDescription = forwardRef(function CheckboxDescription({ className, children, ...props }, ref) {
4
+ const cls = [
5
+ 'dg-checkbox-description',
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 CheckboxGroupProps extends ComponentPropsWithRef<'div'> {
3
+ }
4
+ export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CheckboxGroupProps, "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 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>>;