@up42/up-components 2.0.0-beta.0 → 2.0.0

package/dist/esm/types/components/Typography/Typography-legacy.overrides.d.ts

@@ -0,0 +1,11 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+/**
+ * @deprecated in favor of Douglas typography conventions
+ * @see https://up-components.up42.com/?path=/docs/tokens-typography--docs
+ *
+ * This theme relies on deprecated tokens and overrides MUI default styles.
+ * It should be removed once these tokens are fully deprecated.
+ *
+ * The updated theme adheres to a new convention, avoiding overrides of MUI default styles.
+ */
+export declare const legacyTypography: TypographyOptions;

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

@@ -5,6 +5,15 @@ export declare type TypographyProps = MUITypographyProps & {
     variant?: MUITypographyProps['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
 };
 /**
+ * Douglas `variant` prop migration helper:
+ * - `h1` -> `heading`
+ * - `h2` -> `headingSmall`
+ * - `h3` -> `headingXSmall`
+ * - `body1` -> `body`
+ * - `caption` ->`note`
+ * - `overline` -> `label`
+ * - (no variant) -> `body`
+ *
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
  */
 export declare const Typography: React.ForwardRefExoticComponent<Pick<import("@mui/system").SystemProps<import("@mui/material").Theme> & {

package/dist/esm/types/components/Typography/Typography.overrides.d.ts

@@ -41,4 +41,32 @@ declare module '@mui/material/Typography' {
 }
 export declare const MuiTypography: OverridesStyleRules;
 export declare const typographyTheme: TypographyOptions;
-export declare const typographyOverrides: TypographyOptions;
+export declare const typographyOverrides: {
+    heading?: import("react").CSSProperties | undefined;
+    headingSmall?: import("react").CSSProperties | undefined;
+    headingXSmall?: import("react").CSSProperties | undefined;
+    body?: import("react").CSSProperties | undefined;
+    label?: import("react").CSSProperties | undefined;
+    note?: import("react").CSSProperties | undefined;
+    button?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    caption?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    h1?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    h2?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    h3?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    h4?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    h5?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    h6?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    overline?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    subtitle1?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    subtitle2?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    body1?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    body2?: import("@mui/material/styles/createTypography").TypographyStyleOptions | undefined;
+    allVariants?: import("react").CSSProperties | undefined;
+    fontFamily?: import("csstype").Property.FontFamily | undefined;
+    fontSize?: number | undefined;
+    fontWeightLight?: import("csstype").Property.FontWeight | undefined;
+    fontWeightRegular?: import("csstype").Property.FontWeight | undefined;
+    fontWeightMedium?: import("csstype").Property.FontWeight | undefined;
+    fontWeightBold?: import("csstype").Property.FontWeight | undefined;
+    htmlFontSize?: number | undefined;
+};

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

@@ -58,4 +58,5 @@ export { formatDate } from './utils/helpers/formatDate';
 export { formatFileSize } from './utils/helpers/formatFileSize';
 export { useQueryParams } from './utils/hooks/useQueryParams';
 export { useRemotePagination, type PaginatedResponse } from './utils/hooks/useRemotePagination';
+export { useDebounce } from './utils/hooks/useDebounce';
 export { useAlert, type CreateAlertProps } from './global/providers/AlertProvider/AlertProvider';

package/dist/esm/types/utils/hooks/useDebounce.d.ts

@@ -0,0 +1,8 @@
+/**
+ * useDebounce is a generic React Hook that returns a debounced version of a given value.
+ * @param {T} value - The value to debounce.
+ * @param {number} [delay=500] - The debouncing delay in milliseconds.
+ * @returns {T} The debounced value.
+ * Documentation: https://up-components.up42.com/?path=/docs/utils--docs#usedebounce
+ */
+export declare const useDebounce: <T>(value: T, delay?: number) => T;

package/dist/esm/types/utils/hooks/useDebounce.test.d.ts

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

package/dist/index.d.ts

@@ -90,6 +90,15 @@ declare type TypographyProps = TypographyProps$1 & {
     variant?: TypographyProps$1['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
 };
 /**
+ * Douglas `variant` prop migration helper:
+ * - `h1` -> `heading`
+ * - `h2` -> `headingSmall`
+ * - `h3` -> `headingXSmall`
+ * - `body1` -> `body`
+ * - `caption` ->`note`
+ * - `overline` -> `label`
+ * - (no variant) -> `body`
+ *
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
  */
 declare const Typography: React__default.ForwardRefExoticComponent<Pick<_mui_system.SystemProps<_mui_material.Theme> & {
@@ -2688,6 +2697,15 @@ declare const useRemotePagination: (fetchingHook: ({ params }: {
     [paramName: string]: string;
 } | undefined) => UseRemotePaginationResponse;
 
+/**
+ * useDebounce is a generic React Hook that returns a debounced version of a given value.
+ * @param {T} value - The value to debounce.
+ * @param {number} [delay=500] - The debouncing delay in milliseconds.
+ * @returns {T} The debounced value.
+ * Documentation: https://up-components.up42.com/?path=/docs/utils--docs#usedebounce
+ */
+declare const useDebounce: <T>(value: T, delay?: number) => T;
+
 declare type CreateAlertProps = {
     title?: string;
     message: string | ElementType;
@@ -2712,4 +2730,4 @@ declare type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, CodeInline, type CodeInlineProps, CodeSnippet, type CodeSnippetItemProps, type CodeSnippetProps, ContactBox, type ContactBoxProps, ControlButton, type ControlButtonProps, CopyButton, type CopyButtonProps, type CreateAlertProps, DataGrid, type DataGridProps, type DatePickerDateType, DateTime, type DateTimeProps, Divider, type DividerProps, DocumentationPopover, type DocumentationPopoverProps, EmptyState, type EmptyStateProps, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormInput, type FormInputProps, FormRadio, type FormRadioProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, GridContainer, type GridContainerProps, GridItem, type GridItemProps, Icon, type IconProps, InfoCard, type InfoCardProps, InfoModal, type InfoModalProps, InfoPopover, type InfoPopoverProps, Input, type InputProps, Link, type LinkProps, Loading, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, NotFound, type NotFoundProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, type PaginatedResponse, Popover, type PopoverProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabGroup, type TabGroupProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, Tag, type TagProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };
+export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, CodeInline, type CodeInlineProps, CodeSnippet, type CodeSnippetItemProps, type CodeSnippetProps, ContactBox, type ContactBoxProps, ControlButton, type ControlButtonProps, CopyButton, type CopyButtonProps, type CreateAlertProps, DataGrid, type DataGridProps, type DatePickerDateType, DateTime, type DateTimeProps, Divider, type DividerProps, DocumentationPopover, type DocumentationPopoverProps, EmptyState, type EmptyStateProps, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormInput, type FormInputProps, FormRadio, type FormRadioProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, GridContainer, type GridContainerProps, GridItem, type GridItemProps, Icon, type IconProps, InfoCard, type InfoCardProps, InfoModal, type InfoModalProps, InfoPopover, type InfoPopoverProps, Input, type InputProps, Link, type LinkProps, Loading, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, NotFound, type NotFoundProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, type PaginatedResponse, Popover, type PopoverProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabGroup, type TabGroupProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, Tag, type TagProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useDebounce, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -28,7 +28,7 @@
     "format": "prettier --write ./**/*.mdx"
   },
   "dependencies": {
-    "@up42/design-system-tokens": "^6.0.0-beta.0",
+    "@up42/design-system-tokens": "^6.0.0",
     "dayjs": "^1.11.7",
     "prismjs": "^1.29.0"
   },