@iota/apps-ui-kit 0.9.4 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @iota/apps-ui-kit
 
+## 0.10.0
+
+### Minor Changes
+
+-   c1b33e9: add date picker component
+
+### Patch Changes
+
+-   e5a945f: Allow react components to be passed to LabelText
+-   1ac779f: Add outlined type badge
+-   5942eac: Tooltip can have links in text prop
+
+## 0.9.5
+
+### Patch Changes
+
+-   e19cf85: add badge size property
+-   Updated dependencies [ced5c54]
+    -   @iota/apps-ui-icons@0.7.5
+
 ## 0.9.4
 
 ### Patch Changes

package/dist/index.d.ts

@@ -186,7 +186,7 @@ export declare interface AssetMediaRendererProps extends VideoProps {
     showFallback?: boolean;
 }
 
-export declare function Badge({ type, label }: BadgeProps): React.JSX.Element;
+export declare function Badge({ type, label, size }: BadgeProps): React.JSX.Element;
 
 declare interface BadgeProps {
     /**
@@ -197,6 +197,15 @@ declare interface BadgeProps {
      * The label of the badge.
      */
     label?: string;
+    /**
+     * The size of the badge
+     */
+    size?: BadgeSize;
+}
+
+export declare enum BadgeSize {
+    Medium = "medium",
+    Small = "small"
 }
 
 export declare enum BadgeType {
@@ -205,6 +214,7 @@ export declare enum BadgeType {
     PrimarySoft = "primary-soft",
     Success = "success",
     Warning = "warning",
+    Outlined = "outlined",
     Error = "error"
 }
 
@@ -545,6 +555,57 @@ declare interface CustomAssetDisplayProps {
     renderAsset?: React.ReactNode;
 }
 
+export declare function DatePicker({ value, onChange, minDate, maxDate, dateFormat, label, caption, errorMessage, disabled, placeholder, }: DatePickerProps): React.JSX.Element;
+
+export declare enum DatePickerFormat {
+    DayMonthYear = "DD/MM/YYYY",
+    MonthDayYear = "MM/DD/YYYY",
+    YearMonthDay = "YYYY/MM/DD"
+}
+
+export declare interface DatePickerProps {
+    /**
+     * The currently selected date value.
+     */
+    value?: Date;
+    /**
+     * Callback fired when the user selects a date.
+     */
+    onChange?: (date: Date) => void;
+    /**
+     * The earliest selectable date (inclusive).
+     */
+    minDate?: Date;
+    /**
+     * The latest selectable date (inclusive).
+     */
+    maxDate?: Date;
+    /**
+     * Controls how the selected date is displayed in the trigger field.
+     */
+    dateFormat?: DatePickerFormat;
+    /**
+     * The field label shown above the trigger.
+     */
+    label?: string;
+    /**
+     * Caption text shown below the trigger.
+     */
+    caption?: string;
+    /**
+     * Error message; overrides caption when set.
+     */
+    errorMessage?: string;
+    /**
+     * Whether the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Placeholder text shown when no date is selected.
+     */
+    placeholder?: string;
+}
+
 export declare const Dialog: ({ open, onOpenChange, children, ...props }: React_2.ComponentPropsWithoutRef<typeof RadixDialog.Root>) => JSX_2.Element;
 
 export declare const DialogBody: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -992,7 +1053,7 @@ declare interface KeyValueProps {
     /**
      * The tooltip text.
      */
-    tooltipText?: string;
+    tooltipText?: ReactNode;
     /**
      * The supporting label of the KeyValue (optional).
      */
@@ -1058,7 +1119,7 @@ declare interface LabelTextProps {
     /**
      * The text of the LabelText.
      */
-    text: string;
+    text: React.ReactNode;
     /**
      * The tooltip position.
      */
@@ -1841,7 +1902,7 @@ export declare enum TooltipPosition {
 }
 
 declare interface TooltipProps {
-    text: string;
+    text: ReactNode;
     position?: TooltipPosition;
     maxWidth?: string;
     offset?: number;