@up42/up-components 4.9.0 → 4.11.0

package/dist/esm/types/components/FeatureCard/PlaceholderArea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PlaceholderArea: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/esm/types/components/FeatureCardHeader/FeatureCardHeader.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CheckboxProps } from '../Checkbox/Checkbox';
+export type FeatureCardHeaderProps = {
+    header: string;
+    subheader?: string;
+    imageUrl?: string;
+    selected?: boolean;
+    onSelectChange?: CheckboxProps['onChange'];
+    isLoading?: boolean;
+};
+export declare const FeatureCardHeader: ({ header, subheader, imageUrl, selected, onSelectChange, isLoading, }: FeatureCardHeaderProps) => React.JSX.Element;

package/dist/esm/types/components/StatusLight/StatusLight.d.ts

@@ -0,0 +1,46 @@
+import { SxProps, Theme } from '@mui/material';
+import React from 'react';
+declare const COLORS: {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    neutral: string;
+};
+declare const SIZES: {
+    small: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    medium: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    large: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+};
+type Variant = 'filled' | 'half';
+type Color = keyof typeof COLORS;
+type Size = keyof typeof SIZES;
+export type StatusLightProps = {
+    label: string;
+    variant?: Variant;
+    color?: Color;
+    size?: Size;
+    sx?: SxProps<Theme>;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-status-light--docs
+ */
+export declare const StatusLight: ({ label, variant, color, size, sx, }: StatusLightProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/StatusLight/StatusLight.test.d.ts

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

package/dist/esm/types/index.d.ts

@@ -46,7 +46,9 @@ export { Tag, type TagProps } from './components/Tag/Tag';
 export { DateTime, type DateTimeProps } from './components/DateTime/DateTime';
 export { Divider, type DividerProps } from './components/Divider/Divider';
 export { FeatureCard, type FeatureCardProps } from './components/FeatureCard/FeatureCard';
+export { FeatureCardHeader, type FeatureCardHeaderProps } from './components/FeatureCardHeader/FeatureCardHeader';
 export { FeatureCardHeaderActions, type IconAction, type MenuAction, type FeatureCardHeaderActionsProps, } from './components/FeatureCardHeaderActions/FeatureCardHeaderActions';
+export { StatusLight, type StatusLightProps } from './components/StatusLight/StatusLight';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
 export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';

package/dist/index.d.ts

@@ -5124,6 +5124,16 @@ type FeatureCardProps = CardProps & {
 };
 declare const FeatureCard: ({ children, header, footer, banner, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React__default.JSX.Element;
 
+type FeatureCardHeaderProps = {
+    header: string;
+    subheader?: string;
+    imageUrl?: string;
+    selected?: boolean;
+    onSelectChange?: CheckboxProps['onChange'];
+    isLoading?: boolean;
+};
+declare const FeatureCardHeader: ({ header, subheader, imageUrl, selected, onSelectChange, isLoading, }: FeatureCardHeaderProps) => React__default.JSX.Element;
+
 type IconProps = {
   name: keyof typeof icons
 } & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox'>
@@ -5147,6 +5157,50 @@ type FeatureCardHeaderActionsProps = {
 };
 declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React__default.JSX.Element;
 
+declare const COLORS: {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    neutral: string;
+};
+declare const SIZES: {
+    small: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    medium: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    large: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+};
+type Variant = 'filled' | 'half';
+type Color = keyof typeof COLORS;
+type Size = keyof typeof SIZES;
+type StatusLightProps = {
+    label: string;
+    variant?: Variant;
+    color?: Color;
+    size?: Size;
+    sx?: SxProps<Theme>;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-status-light--docs
+ */
+declare const StatusLight: ({ label, variant, color, size, sx, }: StatusLightProps) => React__default.JSX.Element;
+
 type DocumentationPopoverProps = {
     title: string;
     children: React__default.ReactNode;
@@ -5394,5 +5448,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FeatureCard, FeatureCardHeaderActions, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "4.9.0",
+  "version": "4.11.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -31,7 +31,7 @@
     "optimize-icons": "svgo -f src/global/icons"
   },
   "dependencies": {
-    "@up42/design-system-tokens": "^6.0.1",
+    "@up42/design-system-tokens": "^6.1.0",
     "dayjs": "^1.11.7",
     "prismjs": "^1.29.0"
   },