@revolut/ui-kit-miniapp 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolut/ui-kit-miniapp",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "Apache-2.0",
   "main": "",
   "types": "types/index.d.ts",
@@ -18,13 +18,14 @@
   "sideEffects": [
     "*.css"
   ],
+  "scripts": {
+    "prebuild": "rimraf types",
+    "prepublishOnly": "pnpm run build",
+    "build": "mkdir -p types && cp ../ui-kit-miniapp/dist/index.d.ts ./types/index.d.ts"
+  },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-is": "^19.0.0"
-  },
-  "scripts": {
-    "prebuild": "rimraf types",
-    "build": "mkdir -p types && cp ../ui-kit-miniapp/dist/index.d.ts ./types/index.d.ts"
   }
-}
+}

package/types/index.d.ts

@@ -23,6 +23,7 @@ type MoneyRoundingModeFallback = 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCe
 type MoneyRoundingMode = 'roundingMode' extends keyof Intl.NumberFormatOptions ? Intl.NumberFormatOptions['roundingMode'] : MoneyRoundingModeFallback;
 
 declare const DEFAULT_MESSAGES: {
+    readonly 'action.add': "Add";
     readonly 'action.apply': "Apply";
     readonly 'action.back': "Back";
     readonly 'action.cancel': "Cancel";
@@ -35,6 +36,7 @@ declare const DEFAULT_MESSAGES: {
     readonly 'action.expand-menu': "Expand menu";
     readonly 'action.fca-disclaimer-learn-more': "Take 2 mins to learn more";
     readonly 'action.hide': "Hide";
+    readonly 'action.link': "Link";
     readonly 'action.more': "More";
     readonly 'action.next-slide': "Next slide";
     readonly 'action.next': "Next";
@@ -52,6 +54,7 @@ declare const DEFAULT_MESSAGES: {
     readonly 'action.sort-dsc': "Sort descending";
     readonly 'action.resize-column': "Resize column";
     readonly 'action.remove': "Remove";
+    readonly 'action.reorder': "Reorder";
     readonly 'action.play': "Play";
     readonly 'action.pause': "Pause";
     readonly 'action.open-global-search': "Open global search";
@@ -1918,6 +1921,14 @@ declare const CurrencySymbol: {
 };
 type CurrencySymbol = ValueOf<typeof CurrencySymbol>;
 
+declare const ActionsGradient: {
+    readonly None: "none";
+    readonly Low: "low";
+    readonly High: "high";
+    readonly Full: "full";
+};
+type ActionsGradient = ValueOf<typeof ActionsGradient>;
+
 interface RangeModifier {
     from: Date;
     to: Date;
@@ -4330,6 +4341,10 @@ interface PopupActionItem {
      * Visual style variant of the button.
      */
     variant?: ButtonVariant;
+    /**
+     * Whether the action is disabled
+     */
+    disabled?: boolean;
 }
 /**
  * Props for the Popup component.
@@ -5746,9 +5761,9 @@ interface PageHeaderActionItem {
     onClick: () => void;
 }
 /**
- * Props for the Page.Header component.
+ * Base props for the Page.Header component, shared across all variants.
  */
-interface PageHeaderProps extends NativeHeadingProps {
+interface PageHeaderBaseProps extends NativeHeadingProps {
     /**
      * Callback when the back button is clicked.
      */
@@ -5782,12 +5797,33 @@ interface PageHeaderProps extends NativeHeadingProps {
      * Header title content.
      */
     children?: React__default.ReactNode;
+    /**
+     * Whether the header is compact.
+     */
+    compact?: boolean;
+}
+/**
+ * Header end content. `actions` and `avatar` are mutually exclusive: a header
+ * shows either a set of actions or a single avatar, never both.
+ */
+type PageHeaderEndProps = {
     /**
      * Header actions.
      */
     actions?: PageHeaderActionItem[];
-}
-declare const PageHeader: ({ onBack, onClose, labelButtonClose, labelButtonBack, subtitle, description, loading, children, actions, ...rest }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
+    avatar?: never;
+} | {
+    /**
+     * Header end icon or image
+     */
+    avatar?: IconName | string;
+    actions?: never;
+};
+/**
+ * Props for the Page.Header component.
+ */
+type PageHeaderProps = PageHeaderBaseProps & PageHeaderEndProps;
+declare const PageHeader: ({ onBack, onClose, labelButtonClose, labelButtonBack, subtitle, description, loading, children, actions, compact, avatar, ...rest }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
 /**
  * Props for the Page.Main component.
  */
@@ -5800,8 +5836,12 @@ interface PageMainProps extends NativeMainProps {
      * Action buttons displayed at the bottom of the page.
      */
     actions?: React__default.ReactNode;
+    /**
+     * Actions container gradient
+     */
+    actionsGradient?: ActionsGradient;
 }
-declare const PageMain: ({ children, actions, ...rest }: PageMainProps) => react_jsx_runtime.JSX.Element;
+declare const PageMain: ({ children, actions, actionsGradient, ...rest }: PageMainProps) => react_jsx_runtime.JSX.Element;
 /**
  * Props for the Page.Tabs component.
  */