@pk-design/react-tailwind 1.11.1 → 1.13.0

package/dist/types/components/BottomNavigation/BottomNavigation.d.ts

@@ -1,5 +1,5 @@
 import type { BottomNavigationProps } from './BottomNavigation.types';
-export declare function BottomNavigation({ items, activeId, onChange, fixed, showLabels, theme, activeIndicatorStyle, containerClass, itemClass, linkAs, linkHrefProp, ariaLabel, hidden, }: BottomNavigationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BottomNavigation({ items, activeId, onChange, fixed, showLabels, theme, activeIndicatorStyle, containerClass, itemClass, linkAs, linkHrefProp, ariaLabel, hidden, rounded, }: BottomNavigationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace BottomNavigation {
     var displayName: string;
 }

package/dist/types/components/BottomNavigation/BottomNavigation.types.d.ts

@@ -63,4 +63,9 @@ export interface BottomNavigationProps {
      * @default false
      */
     hidden?: boolean;
+    /**
+     * Rounds the bar's top corners, so it reads as a surface over the page.
+     * @default false
+     */
+    rounded?: boolean;
 }

package/dist/types/components/Drawer/Drawer.types.d.ts

@@ -90,6 +90,20 @@ export interface DrawerProps {
      * Drawer description class
      */
     descriptionClass?: string;
+    /**
+     * How the drawer shows on phones (below 768px). 'fullscreen' fills the
+     * screen with one bar (close, title, `headerAction`), moves the description
+     * into the scrolling content and drops the footer, so forms keep as much
+     * room as possible above the keyboard; the phone's back button closes it.
+     * Larger screens are unchanged. `titleClass` doesn't apply to that bar.
+     * @default 'default'
+     */
+    phoneLayout?: 'default' | 'fullscreen';
+    /**
+     * The main action (e.g. Save) for the phone full-screen bar. A submit
+     * button outside the form names it with `form`.
+     */
+    headerAction?: ReactNode;
 }
 export type AlignmentMap = {
     [key in DrawerAlignment]: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pk-design/react-tailwind",
-  "version": "1.11.1",
+  "version": "1.13.0",
   "main": "dist/react-tailwind.cjs.js",
   "module": "dist/react-tailwind.es.js",
   "types": "dist/types/index.d.ts",
@@ -25,6 +25,7 @@
   ],
   "scripts": {
     "build": "rollup -c && tsc --emitDeclarationOnly",
+    "build:watch": "rollup -c -w && tsc --emitDeclarationOnly",
     "prepare": "husky",
     "format": "prettier --write .",
     "lint": "prettier --check .",