@iota/apps-ui-kit 0.9.5 → 0.10.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @iota/apps-ui-kit
 
+## 0.10.1
+
+### Patch Changes
+
+-   e3f680f: update storybook version
+
+## 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

package/dist/index.d.ts

@@ -214,6 +214,7 @@ export declare enum BadgeType {
     PrimarySoft = "primary-soft",
     Success = "success",
     Warning = "warning",
+    Outlined = "outlined",
     Error = "error"
 }
 
@@ -554,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>>;
@@ -1001,7 +1053,7 @@ declare interface KeyValueProps {
     /**
      * The tooltip text.
      */
-    tooltipText?: string;
+    tooltipText?: ReactNode;
     /**
      * The supporting label of the KeyValue (optional).
      */
@@ -1067,7 +1119,7 @@ declare interface LabelTextProps {
     /**
      * The text of the LabelText.
      */
-    text: string;
+    text: React.ReactNode;
     /**
      * The tooltip position.
      */
@@ -1850,7 +1902,7 @@ export declare enum TooltipPosition {
 }
 
 declare interface TooltipProps {
-    text: string;
+    text: ReactNode;
     position?: TooltipPosition;
     maxWidth?: string;
     offset?: number;