@pitchfork-ui/react 0.1.9 → 0.2.0

package/dist/index.js

@@ -1,63 +1,65 @@
-/* empty css       */
-import { Keys, composeDescribedBy, getFocusableElements, isActivationKey } from "./index3.js";
-import { Icon, getAvailableIconNames, getCustomIconNames } from "./index6.js";
-import { Alert } from "./index8.js";
-import { Avatar } from "./index10.js";
-import { Button } from "./index12.js";
-import { BadgeGroup } from "./index14.js";
-import { ButtonGroup } from "./index16.js";
-import { Breadcrumbs } from "./index18.js";
-import { Input } from "./index21.js";
-import { Badge } from "./index23.js";
-import { Card, CardContent, CardFooter, CardHeader } from "./index25.js";
-import { CreditCard } from "./index27.js";
-import { Checkbox } from "./index29.js";
-import { useAnchoredPosition } from "./index30.js";
-import { useComposedRefs } from "./index31.js";
-import { useControllableState } from "./index32.js";
-import { useDisclosure } from "./index33.js";
-import { useFocusTrap } from "./index34.js";
-import { useListNavigation } from "./index35.js";
-import { useOutsideInteraction } from "./index36.js";
-import { Dropdown } from "./index38.js";
-import { Calendar } from "./index40.js";
-import { Carousel } from "./index42.js";
-import { CodeSnippet } from "./index46.js";
-import { ContentDivider } from "./index48.js";
-import { DatePicker } from "./index50.js";
-import { EmptyState } from "./index52.js";
-import { FileUploader } from "./index54.js";
-import { HeaderNavigation } from "./index56.js";
-import { InlineCTA } from "./index58.js";
-import { BarChart, LineChart } from "./index60.js";
-import { LoadingDots, LoadingSkeleton, LoadingSpinner } from "./index62.js";
-import { MetricCard, MetricGrid } from "./index64.js";
-import { Modal, ModalBody, ModalFooter, ModalHeader } from "./index66.js";
-import { MultiSelect } from "./index68.js";
-import { Notification, NotificationStack } from "./index70.js";
-import { PageHeader, PageHeaderMeta } from "./index72.js";
-import { Pagination } from "./index74.js";
-import { PieChart } from "./index76.js";
-import { ProgressBar, ProgressCircle } from "./index78.js";
-import { ProgressSteps } from "./index80.js";
-import { RadarChart } from "./index82.js";
-import { RadioButton } from "./index84.js";
-import { RadioGroup } from "./index86.js";
-import { RatingBadge, RatingStars } from "./index88.js";
-import { RichTextEditor } from "./index90.js";
-import { SectionFooter } from "./index92.js";
-import { SectionHeader } from "./index94.js";
-import { SidebarNavigation } from "./index96.js";
-import { SlideoutMenu } from "./index98.js";
-import { Switch } from "./index100.js";
-import { Select } from "./index102.js";
-import { Slider } from "./index104.js";
-import { Tag } from "./index106.js";
-import { Table } from "./index108.js";
-import { Tabs } from "./index110.js";
-import { Textarea } from "./index112.js";
-import { Tooltip } from "./index114.js";
-import { TreeView } from "./index116.js";
-import { UtilityButton } from "./index118.js";
-import { VideoPlayer } from "./index120.js";
-export { Alert, Avatar, Badge, BadgeGroup, BarChart, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardFooter, CardHeader, Carousel, Checkbox, CodeSnippet, ContentDivider, CreditCard, DatePicker, Dropdown, EmptyState, FileUploader, HeaderNavigation, Icon, InlineCTA, Input, Keys, LineChart, LoadingDots, LoadingSkeleton, LoadingSpinner, MetricCard, MetricGrid, Modal, ModalBody, ModalFooter, ModalHeader, MultiSelect, Notification, NotificationStack, PageHeader, PageHeaderMeta, Pagination, PieChart, ProgressBar, ProgressCircle, ProgressSteps, RadarChart, RadioButton, RadioGroup, RatingBadge, RatingStars, RichTextEditor, SectionFooter, SectionHeader, Select, SidebarNavigation, SlideoutMenu, Slider, Switch, Table, Tabs, Tag, Textarea, Tooltip, TreeView, UtilityButton, VideoPlayer, composeDescribedBy, getAvailableIconNames, getCustomIconNames, getFocusableElements, isActivationKey, useAnchoredPosition, useComposedRefs, useControllableState, useDisclosure, useFocusTrap, useListNavigation, useOutsideInteraction };
+import './styles/theme.css';/* empty css             */
+import { Keys, composeDescribedBy, getFocusableElements, isActivationKey } from "./a11y/index.js";
+import { Icon, getAvailableIconNames, getCustomIconNames } from "./components/Icon/Icon2.js";
+import { Alert } from "./components/Alert/Alert2.js";
+import { Avatar } from "./components/Avatar/Avatar2.js";
+import { Button } from "./components/Button/Button2.js";
+import { BadgeGroup } from "./components/BadgeGroup/BadgeGroup2.js";
+import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup2.js";
+import { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs2.js";
+import { Input } from "./components/Input/Input2.js";
+import { Badge } from "./components/Badge/Badge2.js";
+import { Card, CardContent, CardFooter, CardHeader } from "./components/Card/Card2.js";
+import { CreditCard } from "./components/CreditCard/CreditCard2.js";
+import { Checkbox } from "./components/Checkbox/Checkbox2.js";
+import { useAnchoredPosition } from "./hooks/useAnchoredPosition.js";
+import { useComposedRefs } from "./hooks/useComposedRefs.js";
+import { useControllableState } from "./hooks/useControllableState.js";
+import { useDisclosure } from "./hooks/useDisclosure.js";
+import { useFocusTrap } from "./hooks/useFocusTrap.js";
+import { useListNavigation } from "./hooks/useListNavigation.js";
+import { useOutsideInteraction } from "./hooks/useOutsideInteraction.js";
+import { Dropdown } from "./components/Dropdown/Dropdown2.js";
+import { Calendar } from "./components/Calendar/Calendar2.js";
+import { Carousel } from "./components/Carousel/Carousel2.js";
+import { CodeSnippet } from "./components/CodeSnippet/CodeSnippet2.js";
+import { ContentDivider } from "./components/ContentDivider/ContentDivider2.js";
+import { DatePicker } from "./components/DatePicker/DatePicker2.js";
+import { EmptyState } from "./components/EmptyState/EmptyState2.js";
+import { FileUploader } from "./components/FileUploader/FileUploader2.js";
+import { HeaderNavigation } from "./components/HeaderNavigation/HeaderNavigation2.js";
+import { InlineCTA } from "./components/InlineCTA/InlineCTA2.js";
+import { GaugeChart } from "./components/GaugeChart/GaugeChart2.js";
+import { AreaChart, BarChart, LineChart } from "./components/LineBarCharts/LineBarChart2.js";
+import { LoadingDots, LoadingSkeleton, LoadingSpinner } from "./components/LoadingIndicators/LoadingIndicators2.js";
+import { MetricCard, MetricGrid } from "./components/Metrics/Metrics2.js";
+import { Modal, ModalBody, ModalFooter, ModalHeader } from "./components/Modal/Modal2.js";
+import { MultiSelect } from "./components/MultiSelect/MultiSelect2.js";
+import { Notification, NotificationStack } from "./components/Notification/Notification2.js";
+import { PageHeader, PageHeaderMeta } from "./components/PageHeader/PageHeader2.js";
+import { Pagination } from "./components/Pagination/Pagination2.js";
+import { PieChart } from "./components/PieChart/PieChart2.js";
+import { ProgressBar, ProgressCircle } from "./components/ProgressIndicators/ProgressIndicators2.js";
+import { ProgressSteps } from "./components/ProgressSteps/ProgressSteps2.js";
+import { RadarChart } from "./components/RadarChart/RadarChart2.js";
+import { RadioButton } from "./components/RadioButton/RadioButton2.js";
+import { RadioGroup } from "./components/RadioGroup/RadioGroup2.js";
+import { RatingBadge, RatingStars } from "./components/Rating/Rating2.js";
+import { RichTextEditor } from "./components/RichTextEditor/RichTextEditor2.js";
+import { SectionFooter } from "./components/SectionFooter/SectionFooter2.js";
+import { SectionHeader } from "./components/SectionHeader/SectionHeader2.js";
+import { SidebarNavigation } from "./components/SidebarNavigation/SidebarNavigation2.js";
+import { Sparkline } from "./components/Sparkline/Sparkline2.js";
+import { SlideoutMenu } from "./components/SlideoutMenu/SlideoutMenu2.js";
+import { Switch } from "./components/Switch/Switch2.js";
+import { Select } from "./components/Select/Select2.js";
+import { Slider } from "./components/Slider/Slider2.js";
+import { Tag } from "./components/Tag/Tag2.js";
+import { Table } from "./components/Table/Table2.js";
+import { Tabs } from "./components/Tabs/Tabs2.js";
+import { Textarea } from "./components/Textarea/Textarea2.js";
+import { Tooltip } from "./components/Tooltip/Tooltip2.js";
+import { TreeView } from "./components/TreeView/TreeView2.js";
+import { UtilityButton } from "./components/UtilityButton/UtilityButton2.js";
+import { VideoPlayer } from "./components/VideoPlayer/VideoPlayer2.js";
+export { Alert, AreaChart, Avatar, Badge, BadgeGroup, BarChart, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardFooter, CardHeader, Carousel, Checkbox, CodeSnippet, ContentDivider, CreditCard, DatePicker, Dropdown, EmptyState, FileUploader, GaugeChart, HeaderNavigation, Icon, InlineCTA, Input, Keys, LineChart, LoadingDots, LoadingSkeleton, LoadingSpinner, MetricCard, MetricGrid, Modal, ModalBody, ModalFooter, ModalHeader, MultiSelect, Notification, NotificationStack, PageHeader, PageHeaderMeta, Pagination, PieChart, ProgressBar, ProgressCircle, ProgressSteps, RadarChart, RadioButton, RadioGroup, RatingBadge, RatingStars, RichTextEditor, SectionFooter, SectionHeader, Select, SidebarNavigation, SlideoutMenu, Slider, Sparkline, Switch, Table, Tabs, Tag, Textarea, Tooltip, TreeView, UtilityButton, VideoPlayer, composeDescribedBy, getAvailableIconNames, getCustomIconNames, getFocusableElements, isActivationKey, useAnchoredPosition, useComposedRefs, useControllableState, useDisclosure, useFocusTrap, useListNavigation, useOutsideInteraction };

package/dist/src/components/GaugeChart/GaugeChart.d.ts

@@ -0,0 +1,17 @@
+export interface GaugeChartProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Current value */
+    value: number;
+    /** Maximum value. Defaults to 100. */
+    max?: number;
+    /** Label rendered in the center of the gauge. Defaults to the percentage string. */
+    centerLabel?: React.ReactNode;
+    /** Secondary label rendered below the center label */
+    subLabel?: React.ReactNode;
+    /** Diameter in pixels */
+    size?: number;
+    /** Arc stroke thickness in pixels */
+    strokeWidth?: number;
+    /** Override the filled arc color. Defaults to `--pf-gauge-color`. */
+    color?: string;
+}
+export declare const GaugeChart: import('react').ForwardRefExoticComponent<GaugeChartProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/GaugeChart/GaugeChart.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/GaugeChart/index.d.ts

@@ -0,0 +1 @@
+export * from './GaugeChart';

package/dist/src/components/LineBarCharts/LineBarChart.d.ts

@@ -18,6 +18,8 @@ export interface LineChartProps extends React.HTMLAttributes<HTMLDivElement> {
     valueFormatter?: (value: number) => string;
 }
 export declare const LineChart: import('react').ForwardRefExoticComponent<LineChartProps & import('react').RefAttributes<HTMLDivElement>>;
+export type AreaChartProps = Omit<LineChartProps, 'area'>;
+export declare const AreaChart: import('react').ForwardRefExoticComponent<AreaChartProps & import('react').RefAttributes<HTMLDivElement>>;
 export interface BarChartProps extends React.HTMLAttributes<HTMLDivElement> {
     data: ChartDataPoint[];
     series: ChartSeries[];

package/dist/src/components/Sparkline/Sparkline.d.ts

@@ -0,0 +1,15 @@
+export type SparklineVariant = 'line' | 'area';
+export type SparklineTrend = 'up' | 'down' | 'neutral';
+export interface SparklineProps extends React.HTMLAttributes<SVGSVGElement> {
+    data: number[];
+    width?: number;
+    height?: number;
+    variant?: SparklineVariant;
+    strokeWidth?: number;
+    color?: string;
+    /** Show a dot at the last data point */
+    endDot?: boolean;
+    /** Accessible label for screen readers */
+    label?: string;
+}
+export declare const Sparkline: import('react').ForwardRefExoticComponent<SparklineProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/src/components/Sparkline/Sparkline.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Sparkline/index.d.ts

@@ -0,0 +1 @@
+export * from './Sparkline';

package/dist/src/index.d.ts

@@ -21,6 +21,7 @@ export * from './components/FileUploader';
 export * from './components/HeaderNavigation';
 export * from './components/Icon';
 export * from './components/InlineCTA';
+export * from './components/GaugeChart';
 export * from './components/LineBarCharts';
 export * from './components/LoadingIndicators';
 export * from './components/Metrics';
@@ -40,6 +41,7 @@ export * from './components/RichTextEditor';
 export * from './components/SectionFooter';
 export * from './components/SectionHeader';
 export * from './components/SidebarNavigation';
+export * from './components/Sparkline';
 export * from './components/SlideoutMenu';
 export * from './components/Switch';
 export * from './components/Select';