@up42/up-components 4.12.0 → 4.14.0

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

@@ -23,6 +23,14 @@ export type BannerProps = {
      */
     onDismiss?: ButtonProps['onClick'];
     title: string;
+    /**
+     * The size(height) of the banner.
+     * - 'default': Standard banner height.
+     * - 'slim': Reduced height, intended for use only with the 'inline' variant.
+     *
+     * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
+     */
+    size?: 'default' | 'slim';
 } & Omit<AlertProps, 'title' | 'closeText' | 'icon' | 'role' | 'onClose'>;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
@@ -49,4 +57,12 @@ export declare const Banner: React.ForwardRefExoticComponent<Omit<{
      */
     onDismiss?: ButtonProps['onClick'];
     title: string;
+    /**
+     * The size(height) of the banner.
+     * - 'default': Standard banner height.
+     * - 'slim': Reduced height, intended for use only with the 'inline' variant.
+     *
+     * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
+     */
+    size?: "default" | "slim" | undefined;
 } & Omit<AlertProps, "title" | "role" | "onClose" | "closeText" | "icon">, "ref"> & React.RefAttributes<unknown>>;

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

@@ -1,7 +1,8 @@
 import React, { ReactNode } from 'react';
 import { CardProps } from '@mui/material';
+import { BannerProps } from '../Banner/Banner';
 export type FeatureCardProps = CardProps & {
-    banner?: ReactNode;
+    bannerProps?: Omit<BannerProps, 'title' | 'variant'>;
     header?: {
         title: ReactNode;
         actions?: ReactNode;
@@ -27,4 +28,4 @@ export type FeatureCardProps = CardProps & {
      */
     hovered?: boolean;
 };
-export declare const FeatureCard: ({ children, header, footer, banner, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React.JSX.Element;
+export declare const FeatureCard: ({ children, header, footer, bannerProps, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React.JSX.Element;

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

@@ -0,0 +1,25 @@
+import React, { SyntheticEvent } from 'react';
+export type FeatureFlagCheckboxProps = {
+    label: string;
+    checked: boolean;
+    /**
+     * Defines if the component should be rendered or not.
+     * Use this prop to indicate if the application is in a development environment.
+     */
+    isDevelopment: boolean;
+    onChange: (event: SyntheticEvent, checked: boolean) => void;
+    onClose?: () => void;
+};
+/**
+ *
+ * Development-only feature toggle component (not for production use).
+ *
+ * **Important**: This component is intended *strictly* for development environments and should not be included in production builds.
+ *
+ * The `FeatureFlagCheckbox` is a temporary UI component used by developers to enable or disable feature flags manually. It renders a labeled checkbox and an optional close button to dismiss the control.
+ *
+ * **Note**: The component is rendered only when the `isDevelopment` prop is set to `true`. It is the responsibility of the consuming application to ensure the provided value is correct so that is only rendered in non-production environments.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs/development-featureflagcheckbox--docs
+ */
+export declare function FeatureFlagCheckbox({ label, checked, isDevelopment, onChange, onClose }: FeatureFlagCheckboxProps): React.JSX.Element;

package/dist/cjs/types/components/FeatureFlagCheckbox/FeatureFlagCheckbox.test.d.ts

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

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

@@ -51,6 +51,7 @@ export { FeatureCardHeaderActions, type IconAction, type MenuAction, type Featur
 export { StatusLight, type StatusLightProps } from './components/StatusLight/StatusLight';
 export { TagsList, type TagsListProps } from './components/TagsList/TagsList';
 export { EditTagsButton, type EditTagsButtonProps } from './components/EditTagsButton/EditTagsButton';
+export { FeatureFlagCheckbox, type FeatureFlagCheckboxProps, } from './components/FeatureFlagCheckbox/FeatureFlagCheckbox';
 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';