@up42/up-components 4.11.0 → 5.0.0-tokens.0

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

@@ -46,9 +46,6 @@ 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

@@ -4641,14 +4641,14 @@ declare namespace icons {
   };
 }
 
-type IconProps$1 = {
+type IconProps = {
     name: keyof typeof icons;
 } & Omit<SvgIconProps, 'children' | 'inheritViewBox' | 'shapeRendering' | 'viewBox'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-icon--docs
  * Icons: https://up-components.up42.com/?path=/docs/icons--docs
  */
-declare const Icon: ({ name, ...props }: IconProps$1) => React__default.JSX.Element;
+declare const Icon: ({ name, ...props }: IconProps) => React__default.JSX.Element;
 
 var _path$4, _path2$4, _path3$4, _path4$4, _path5$4, _path6$4, _path7$4, _path8$4, _circle, _path9$3, _path0$3;
 function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
@@ -5124,83 +5124,6 @@ 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'>
-
-type IconAction = {
-    name: IconProps['name'];
-    tooltip?: string;
-    isActive?: boolean;
-    onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
-    isDisabled?: boolean;
-    sx?: SxProps;
-};
-type MenuAction = {
-    label: string;
-    onClick: (event: React__default.MouseEvent<HTMLLIElement>) => void;
-    sx?: SxProps;
-};
-type FeatureCardHeaderActionsProps = {
-    iconActions?: IconAction[];
-    menuActions?: MenuAction[];
-};
-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;
@@ -5448,5 +5371,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, 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 };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FeatureCard, 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, FeatureCardProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, 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.11.0",
+  "version": "5.0.0-tokens.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.1.0",
+    "@up42/design-system-tokens": "^7.0.0-tokens.1",
     "dayjs": "^1.11.7",
     "prismjs": "^1.29.0"
   },

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

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

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

@@ -1,11 +0,0 @@
-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/cjs/types/components/FeatureCardHeaderActions/FeatureCardHeaderActions.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { SxProps } from '@mui/material';
-import { IconProps } from 'components/Icon/Icon';
-export type IconAction = {
-    name: IconProps['name'];
-    tooltip?: string;
-    isActive?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    isDisabled?: boolean;
-    sx?: SxProps;
-};
-export type MenuAction = {
-    label: string;
-    onClick: (event: React.MouseEvent<HTMLLIElement>) => void;
-    sx?: SxProps;
-};
-export type FeatureCardHeaderActionsProps = {
-    iconActions?: IconAction[];
-    menuActions?: MenuAction[];
-};
-export declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React.JSX.Element;

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

@@ -1,46 +0,0 @@
-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/cjs/types/components/StatusLight/StatusLight.test.d.ts

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

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

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

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

@@ -1,11 +0,0 @@
-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/FeatureCardHeaderActions/FeatureCardHeaderActions.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { SxProps } from '@mui/material';
-import { IconProps } from 'components/Icon/Icon';
-export type IconAction = {
-    name: IconProps['name'];
-    tooltip?: string;
-    isActive?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    isDisabled?: boolean;
-    sx?: SxProps;
-};
-export type MenuAction = {
-    label: string;
-    onClick: (event: React.MouseEvent<HTMLLIElement>) => void;
-    sx?: SxProps;
-};
-export type FeatureCardHeaderActionsProps = {
-    iconActions?: IconAction[];
-    menuActions?: MenuAction[];
-};
-export declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React.JSX.Element;

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

@@ -1,46 +0,0 @@
-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

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