@tapizlabs/ui 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/dist/index.d.ts +17 -3
- package/dist/index.js +575 -524
- package/dist/index.js.map +1 -1
- package/dist/theme.css +58 -5
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ReactNode, MouseEvent, ComponentType, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes, HTMLAttributes, Component, ErrorInfo, CSSProperties } from 'react';
|
|
2
|
+
import react__default, { ReactNode, MouseEvent, ComponentType, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes, HTMLAttributes, Component, ErrorInfo, CSSProperties, ButtonHTMLAttributes } from 'react';
|
|
3
3
|
|
|
4
4
|
interface IconProps {
|
|
5
5
|
size?: number;
|
|
@@ -51,6 +51,7 @@ declare const RotateCcw: ({ size, className, style }: IconProps) => react.JSX.El
|
|
|
51
51
|
declare const Pdf: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
52
52
|
declare const Printer: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
53
53
|
declare const ExternalLink: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
54
|
+
declare const GitHubIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
54
55
|
declare const Image: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
55
56
|
declare const Star: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
56
57
|
declare const AppleIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
@@ -102,6 +103,14 @@ interface LogoMarkProps {
|
|
|
102
103
|
bgClassName?: string;
|
|
103
104
|
bgFill?: string;
|
|
104
105
|
bgOpacity?: number;
|
|
106
|
+
/**
|
|
107
|
+
* Visual tone:
|
|
108
|
+
* - "solid" (default) = filled teal tile with white glyph in negative space.
|
|
109
|
+
* - "outline" = transparent tile with an accent stroke border and the glyph
|
|
110
|
+
* drawn in the accent color (`currentColor`), so it reads cleanly inside an
|
|
111
|
+
* outline button on any background.
|
|
112
|
+
*/
|
|
113
|
+
tone?: "solid" | "outline";
|
|
105
114
|
/**
|
|
106
115
|
* Product glyph:
|
|
107
116
|
* - "lms" = T monogram
|
|
@@ -113,7 +122,7 @@ interface LogoMarkProps {
|
|
|
113
122
|
*/
|
|
114
123
|
variant?: "lms" | "boards" | "playground" | "whiteboard" | "cloud" | "specs";
|
|
115
124
|
}
|
|
116
|
-
declare const LogoMark: ({ size, className, bgClassName, bgFill, bgOpacity, variant, }: LogoMarkProps) => react.JSX.Element;
|
|
125
|
+
declare const LogoMark: ({ size, className, bgClassName, bgFill, bgOpacity, tone, variant, }: LogoMarkProps) => react.JSX.Element;
|
|
117
126
|
|
|
118
127
|
declare const FormIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
119
128
|
declare const CalendarWeek: ({ size, className, style }: IconProps) => react.JSX.Element;
|
|
@@ -412,6 +421,11 @@ interface InlineInfoBannerProps extends BaseProps {
|
|
|
412
421
|
type InfoBannerProps = StructuredInfoBannerProps | InlineInfoBannerProps;
|
|
413
422
|
declare function InfoBanner(props: InfoBannerProps): react.JSX.Element;
|
|
414
423
|
|
|
424
|
+
interface ThemeIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
425
|
+
icon: ReactNode;
|
|
426
|
+
}
|
|
427
|
+
declare function ThemeIconButton({ icon, className, type, ...props }: ThemeIconButtonProps): react.JSX.Element;
|
|
428
|
+
|
|
415
429
|
interface PageHeaderProps extends BaseProps {
|
|
416
430
|
title: string;
|
|
417
431
|
subtitle?: string;
|
|
@@ -1436,4 +1450,4 @@ interface InlineStatusProps extends BaseProps {
|
|
|
1436
1450
|
}
|
|
1437
1451
|
declare function InlineStatus({ tone, children, pulse, className }: InlineStatusProps): react.JSX.Element;
|
|
1438
1452
|
|
|
1439
|
-
export { AccessMatrix, type AccessMatrixPermission, type AccessMatrixProps, type AccessMatrixRole, Accordion, type AccordionItem, type AccordionProps, ActionMenu, type ActionMenuItem, type ActionMenuProps, Activity, ActivityFeed, type ActivityFeedItem, type ActivityFeedProps, ActivityMenu, Alert, type AlertProps, type AlertTone, AnnouncementBar, type AnnouncementBarProps, AppShell, type AppShellProps, AppleIcon, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArrowLeft, ArrowRight, AuditLog, type AuditLogItem, type AuditLogProps, Avatar, type AvatarProps, Badge, Ban, BarChart, BarList, type BarListItem, type BarListProps, BaseModal, type BaseModalProps, type BaseProps, Bell, Book, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, CalendarGrid, type CalendarGridDay, type CalendarGridProps, CalendarMonth, CalendarWeek, Callout, type CalloutProps, type CalloutTone, Card, CardBody, CardHeader, type CardPadding, type CardProps, type CardSectionProps, type CardVariant, Check, CheckCircle, CheckSquare, Checkbox, type CheckboxProps, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clipboard, Clock, Cluster, type ClusterProps, CodeBlock, type CodeBlockProps, type ColorSwatchOption, ColorSwatchPicker, type ColorSwatchPickerProps, type Column, type ColumnAlign, Combobox, type ComboboxOption, type ComboboxProps, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, Compare, ComparisonMeter, type ComparisonMeterProps, ComparisonTable, type ComparisonTableProps, type ComparisonTableRow, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, Copy, Cpu, CreditCard, DataTable, type DataTableDensity, type DataTableProps, type DataTableVariant, DataToolbar, type DataToolbarProps, Database, DateRangePicker, type DateRangePickerProps, DefaultErrorFallback, Divider, type DividerProps, DonutMetric, type DonutMetricProps, Download, Drawer, type DrawerProps, Edit, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorState, ExternalLink, Eye, EyeOff, type FAQItem, FAQSection, type FAQSectionProps, Faculty, FeatureCard, type FeatureCardProps, type FeatureFlag, FeatureFlagTable, type FeatureFlagTableProps, FeatureGrid, type FeatureGridProps, FieldHint, type FieldHintProps, FieldLabel, type FieldLabelProps, FileDropzone, type FileDropzoneProps, FileText, FileUpload, FilterChip, type FilterChipProps, FingerprintIcon, FormError, type FormErrorProps, FormField, type FormFieldProps, FormIcon, FormulaIcon, FunnelChart, type FunnelChartProps, type FunnelStep, Gear, Globe, GooglePlayIcon, GraduationCap, Grid, GridBg, HardDrive, Hash, HealthIndicator, type HealthIndicatorProps, type HealthTone, type HeatmapCell, HeatmapGrid, type HeatmapGridProps, HelpCircle, HeroFrame, type HeroFrameProps, History, Home, Icons, Image, type InboxItem, InboxList, type InboxListProps, Info, InfoBanner, type InfoBannerProps, InlineStatus, type InlineStatusProps, type InlineStatusTone, Input, InputGroup, type InputGroupProps, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Intersect, KanbanBoard, type KanbanBoardProps, type KanbanCardItem, type KanbanColumn, Kbd, type KbdProps, type KeyValueItem, KeyValueList, type KeyValueListProps, Layers, LoadingOverlay, type LoadingOverlayProps, LockIcon, LogOut, LogoCloud, type LogoCloudItem, type LogoCloudProps, LogoMark, Mail, MarketingShell, type MarketingShellProps, MasonryGrid, type MasonryGridProps, Megaphone, Menu, MetricCard, type MetricCardProps, type MetricTrendTone, MockupFrame, type MockupFrameProps, Monitor, Moon, NavAnalytics, NavQrAttendance, NavScoresheet, NavSecurity, type NotificationItem, NotificationList, type NotificationListProps, NumberIcon, OfficeHours, PageHeader, type PageHeaderProps, PageRail, type PageRailItem, type PageRailProps, PageSpinner, Pagination, type PaginationLabels, type PaginationProps, PasswordInput, type PasswordInputProps, Pdf, PlanUsage, type PlanUsageItem, type PlanUsageProps, Plus, Popover, type PopoverProps, PricingCard, type PricingCardProps, Printer, Progress, type ProgressProps, QrCode, RadioButton, type RadioButtonProps, RatingInput, type RatingInputProps, Refresh, RefreshCw, Repeat, Report, ResourceCard, type ResourceCardProps, ResponsiveGrid, type ResponsiveGridProps, type RoadmapItem, RoadmapList, type RoadmapListProps, RotateCcw, SLAStatus, type SLAStatusProps, Scan, ScoreRing, type ScoreRingProps, Search, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionIcons, SectionTitle, type SectionTitleProps, Select, type SelectProps, Server, type ServerSort, Shield, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, SkeletonBanner, SkeletonCard, SkeletonKpiCard, SkeletonPageHeader, type SkeletonProps, SkeletonTable, Slider, type SliderProps, Smartphone, type SortDirection, type SortState, Sparkline, type SparklineProps, Spinner, type SpinnerProps, SplitPane, type SplitPaneProps, Spotlight, Stack, type StackProps, Star, StatGrid, type StatGridProps, StatsBand, type StatsBandItem, type StatsBandProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type StepItem, Stepper, type StepperProps, StickyBar, type StickyBarProps, Sun, Surface, type SurfacePadding, type SurfaceProps, type SurfaceVariant, Switch, type SwitchProps, type TabItem, Table, Tablet, Tabs, type TabsProps, type TapizFrameworkPreset, type TapizPresetDefinition, TestimonialCard, type TestimonialCardProps, TextIcon, Textarea, TextareaCounter, type TextareaCounterProps, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, ToggleGroup, type ToggleGroupProps, type ToggleOption, Tooltip, type TooltipProps, TopNav, type TopNavLink, type TopNavProps, Trash, Trophy, TwoFAIcon, University, User, UserCheck, UserCog, UserMinus, UserPlus, Users, X, Zap, tapizFrameworkPresets, useToast };
|
|
1453
|
+
export { AccessMatrix, type AccessMatrixPermission, type AccessMatrixProps, type AccessMatrixRole, Accordion, type AccordionItem, type AccordionProps, ActionMenu, type ActionMenuItem, type ActionMenuProps, Activity, ActivityFeed, type ActivityFeedItem, type ActivityFeedProps, ActivityMenu, Alert, type AlertProps, type AlertTone, AnnouncementBar, type AnnouncementBarProps, AppShell, type AppShellProps, AppleIcon, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArrowLeft, ArrowRight, AuditLog, type AuditLogItem, type AuditLogProps, Avatar, type AvatarProps, Badge, Ban, BarChart, BarList, type BarListItem, type BarListProps, BaseModal, type BaseModalProps, type BaseProps, Bell, Book, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CTASection, type CTASectionProps, Calendar, CalendarGrid, type CalendarGridDay, type CalendarGridProps, CalendarMonth, CalendarWeek, Callout, type CalloutProps, type CalloutTone, Card, CardBody, CardHeader, type CardPadding, type CardProps, type CardSectionProps, type CardVariant, Check, CheckCircle, CheckSquare, Checkbox, type CheckboxProps, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clipboard, Clock, Cluster, type ClusterProps, CodeBlock, type CodeBlockProps, type ColorSwatchOption, ColorSwatchPicker, type ColorSwatchPickerProps, type Column, type ColumnAlign, Combobox, type ComboboxOption, type ComboboxProps, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, Compare, ComparisonMeter, type ComparisonMeterProps, ComparisonTable, type ComparisonTableProps, type ComparisonTableRow, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, Copy, Cpu, CreditCard, DataTable, type DataTableDensity, type DataTableProps, type DataTableVariant, DataToolbar, type DataToolbarProps, Database, DateRangePicker, type DateRangePickerProps, DefaultErrorFallback, Divider, type DividerProps, DonutMetric, type DonutMetricProps, Download, Drawer, type DrawerProps, Edit, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorState, ExternalLink, Eye, EyeOff, type FAQItem, FAQSection, type FAQSectionProps, Faculty, FeatureCard, type FeatureCardProps, type FeatureFlag, FeatureFlagTable, type FeatureFlagTableProps, FeatureGrid, type FeatureGridProps, FieldHint, type FieldHintProps, FieldLabel, type FieldLabelProps, FileDropzone, type FileDropzoneProps, FileText, FileUpload, FilterChip, type FilterChipProps, FingerprintIcon, FormError, type FormErrorProps, FormField, type FormFieldProps, FormIcon, FormulaIcon, FunnelChart, type FunnelChartProps, type FunnelStep, Gear, GitHubIcon, Globe, GooglePlayIcon, GraduationCap, Grid, GridBg, HardDrive, Hash, HealthIndicator, type HealthIndicatorProps, type HealthTone, type HeatmapCell, HeatmapGrid, type HeatmapGridProps, HelpCircle, HeroFrame, type HeroFrameProps, History, Home, Icons, Image, type InboxItem, InboxList, type InboxListProps, Info, InfoBanner, type InfoBannerProps, InlineStatus, type InlineStatusProps, type InlineStatusTone, Input, InputGroup, type InputGroupProps, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Intersect, KanbanBoard, type KanbanBoardProps, type KanbanCardItem, type KanbanColumn, Kbd, type KbdProps, type KeyValueItem, KeyValueList, type KeyValueListProps, Layers, LoadingOverlay, type LoadingOverlayProps, LockIcon, LogOut, LogoCloud, type LogoCloudItem, type LogoCloudProps, LogoMark, Mail, MarketingShell, type MarketingShellProps, MasonryGrid, type MasonryGridProps, Megaphone, Menu, MetricCard, type MetricCardProps, type MetricTrendTone, MockupFrame, type MockupFrameProps, Monitor, Moon, NavAnalytics, NavQrAttendance, NavScoresheet, NavSecurity, type NotificationItem, NotificationList, type NotificationListProps, NumberIcon, OfficeHours, PageHeader, type PageHeaderProps, PageRail, type PageRailItem, type PageRailProps, PageSpinner, Pagination, type PaginationLabels, type PaginationProps, PasswordInput, type PasswordInputProps, Pdf, PlanUsage, type PlanUsageItem, type PlanUsageProps, Plus, Popover, type PopoverProps, PricingCard, type PricingCardProps, Printer, Progress, type ProgressProps, QrCode, RadioButton, type RadioButtonProps, RatingInput, type RatingInputProps, Refresh, RefreshCw, Repeat, Report, ResourceCard, type ResourceCardProps, ResponsiveGrid, type ResponsiveGridProps, type RoadmapItem, RoadmapList, type RoadmapListProps, RotateCcw, SLAStatus, type SLAStatusProps, Scan, ScoreRing, type ScoreRingProps, Search, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionIcons, SectionTitle, type SectionTitleProps, Select, type SelectProps, Server, type ServerSort, Shield, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, SkeletonBanner, SkeletonCard, SkeletonKpiCard, SkeletonPageHeader, type SkeletonProps, SkeletonTable, Slider, type SliderProps, Smartphone, type SortDirection, type SortState, Sparkline, type SparklineProps, Spinner, type SpinnerProps, SplitPane, type SplitPaneProps, Spotlight, Stack, type StackProps, Star, StatGrid, type StatGridProps, StatsBand, type StatsBandItem, type StatsBandProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type StepItem, Stepper, type StepperProps, StickyBar, type StickyBarProps, Sun, Surface, type SurfacePadding, type SurfaceProps, type SurfaceVariant, Switch, type SwitchProps, type TabItem, Table, Tablet, Tabs, type TabsProps, type TapizFrameworkPreset, type TapizPresetDefinition, TestimonialCard, type TestimonialCardProps, TextIcon, Textarea, TextareaCounter, type TextareaCounterProps, type TextareaProps, ThemeIconButton, type ThemeIconButtonProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, ToggleGroup, type ToggleGroupProps, type ToggleOption, Tooltip, type TooltipProps, TopNav, type TopNavLink, type TopNavProps, Trash, Trophy, TwoFAIcon, University, User, UserCheck, UserCog, UserMinus, UserPlus, Users, X, Zap, tapizFrameworkPresets, useToast };
|