zaravand-ui 1.10.0 → 2.0.0

package/dist/components/Table/Table.constants.d.ts

@@ -10,8 +10,8 @@ export declare const deleteButtonLabel = "\u062D\u0630\u0641";
 export declare const actionIconClassName = "zui:size-4";
 export declare const pagingToggleIconClassName = "zui:size-6";
 export declare const rowActionButtonClassName = "zui:cursor-pointer zui:border-0 zui:bg-transparent zui:shadow-none zui:hover:bg-transparent zui:hover:shadow-none zui:active:bg-transparent zui:focus-visible:ring-0 zui:disabled:cursor-not-allowed";
-export declare const actionsColumnClassName = "zui:w-32 zui:px-3 zui:text-center";
-export declare const rowNumberColumnClassName = "zui:w-16 zui:px-3 zui:text-center";
+export declare const actionsColumnClassName = "zui:px-3 zui:text-center";
+export declare const rowNumberColumnClassName = "zui:px-3 zui:text-center";
 export declare const searchInputPlaceholder = "\u062C\u0633\u062A\u062C\u0648 \u06A9\u0646\u06CC\u062F";
 export declare const searchInputAriaLabel = "\u062C\u0633\u062A\u062C\u0648\u06CC \u062C\u062F\u0648\u0644";
 export declare const switchToInfiniteModeLabel = "\u062A\u063A\u06CC\u06CC\u0631 \u0628\u0647 \u067E\u06CC\u0645\u0627\u06CC\u0634 \u0628\u06CC\u200C\u0646\u0647\u0627\u06CC\u062A";

package/dist/components/Table/Table.utils.d.ts

@@ -1,6 +1,10 @@
 import type * as React from 'react';
 import type { DynamicTableRow, TablePaginationToken, TableRowId, TableRowIdResolver, TableSchemaColumn } from './Table.interface';
-export declare function resolveColumnWidthStyle(width: TableSchemaColumn['width']): React.CSSProperties | undefined;
+export declare function resolveColumnWidthPercentages(visibleColumns: TableSchemaColumn[], shouldShowRowNumbers: boolean, hasRowActions: boolean): {
+    rowNumberColumnStyle: React.CSSProperties | undefined;
+    columnStyleByKey: Record<string, React.CSSProperties>;
+    actionsColumnStyle: React.CSSProperties | undefined;
+};
 export declare function resolveLoadingRowsCount(pageSize: number | undefined, dataLength: number): number;
 export declare function resolveLoadingCellSkeletonClassName(column: TableSchemaColumn, rowIndex: number): string;
 export declare function buildPaginationTokens(currentPage: number, totalPages: number): TablePaginationToken[];

package/dist/components/Table/Table.variant.d.ts

@@ -1,6 +1,5 @@
 export declare const tableContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const tableVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const TABLE_MIN_WIDTH_PER_COLUMN_REM = 6;
 export declare const ticketContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const ticketControlsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const ticketTableShellVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/shared/responsiveScale.d.ts

@@ -1,30 +1,28 @@
 /**
- * One shared fluid-sizing contract for the whole library: every dimension listed
- * below scales linearly with the viewport between 320px and 768px, shrinking down
- * to exactly 80% of its desktop value at 320px and staying at 100% from 768px up.
- * Ship this in the compiled CSS so any app importing zaravand-ui gets the same
- * shrink/grow behavior automatically, with no per-app configuration.
- *
- * clamp(MIN, MIN + (MAX-MIN) * (100vw-320px)/448, MAX) — 448 = 768-320.
+ * Fixed desktop-sized tokens for the whole library. Responsiveness across
+ * viewport widths is owned by the consuming app's root `html { font-size }`
+ * scaling, so every rem value here is the static desktop/design value with
+ * no clamp()/vw-based fluid sizing left in the library itself.
  */
-declare const CONTROL_HEIGHT_SM = "zui:h-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)]";
-declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[clamp(2.592rem,calc(2.592rem_+_0.648*(100vw_-_320px)/448),3.24rem)]";
-declare const CONTROL_HEIGHT_LG = "zui:h-[clamp(2.88rem,calc(2.88rem_+_0.72*(100vw_-_320px)/448),3.6rem)]";
+declare const CONTROL_HEIGHT_SM = "zui:h-[2.88rem]";
+declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[3.24rem]";
+declare const CONTROL_HEIGHT_LG = "zui:h-[3.6rem]";
 declare const controlHeightBySize: {
-    readonly sm: "zui:h-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)]";
-    readonly default: "zui:h-[clamp(2.592rem,calc(2.592rem_+_0.648*(100vw_-_320px)/448),3.24rem)]";
-    readonly lg: "zui:h-[clamp(2.88rem,calc(2.88rem_+_0.72*(100vw_-_320px)/448),3.6rem)]";
+    readonly sm: "zui:h-[2.88rem]";
+    readonly default: "zui:h-[3.24rem]";
+    readonly lg: "zui:h-[3.6rem]";
 };
-declare const CONTROL_PADDING_X = "zui:px-[clamp(0.6rem,calc(0.6rem_+_0.15*(100vw_-_320px)/448),0.75rem)]";
-declare const CONTROL_PADDING_Y = "zui:py-[clamp(0.6rem,calc(0.6rem_+_0.15*(100vw_-_320px)/448),0.75rem)]";
-declare const BUTTON_PADDING_X = "zui:px-[clamp(0.8rem,calc(0.8rem_+_0.2*(100vw_-_320px)/448),1rem)]";
-declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[clamp(3.84rem,calc(3.84rem_+_0.96*(100vw_-_320px)/448),4.8rem)]";
-declare const TABLE_HEADER_HEIGHT = "zui:h-[clamp(2.8rem,calc(2.8rem_+_0.7*(100vw_-_320px)/448),3.5rem)]";
-declare const DATEPICKER_DAY_SIZE = "zui:size-[clamp(1.6rem,calc(1.6rem_+_0.4*(100vw_-_320px)/448),2rem)]";
-declare const DATEPICKER_NAV_SIZE = "zui:size-[clamp(1.4rem,calc(1.4rem_+_0.35*(100vw_-_320px)/448),1.75rem)]";
-declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[clamp(1.6rem,calc(1.6rem_+_0.4*(100vw_-_320px)/448),2rem)]";
-declare const OVERLAY_PANEL_PADDING = "zui:p-[clamp(1.2rem,calc(1.2rem_+_0.3*(100vw_-_320px)/448),1.5rem)]";
-declare const TOAST_PADDING = "zui:p-[clamp(0.8rem,calc(0.8rem_+_0.2*(100vw_-_320px)/448),1rem)]";
-declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[clamp(5.2rem,calc(5.2rem_+_1.3*(100vw_-_320px)/448),6.5rem)]";
-declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)] zui:[&>button]:!w-[clamp(2.304rem,calc(2.304rem_+_0.576*(100vw_-_320px)/448),2.88rem)]";
-export { controlHeightBySize, CONTROL_HEIGHT_SM, CONTROL_HEIGHT_DEFAULT, CONTROL_HEIGHT_LG, CONTROL_PADDING_X, CONTROL_PADDING_Y, BUTTON_PADDING_X, TEXTAREA_MIN_HEIGHT, TABLE_HEADER_HEIGHT, DATEPICKER_DAY_SIZE, DATEPICKER_NAV_SIZE, DATEPICKER_CONTROL_HEIGHT, OVERLAY_PANEL_PADDING, TOAST_PADDING, DATEPICKER_MANUAL_SEGMENT_WIDTH, SQUARE_ICON_BUTTON_SIZE_IMPORTANT, };
+declare const CONTROL_PADDING_X = "zui:px-[0.75rem]";
+declare const CONTROL_PADDING_Y = "zui:py-[0.75rem]";
+declare const BUTTON_PADDING_X = "zui:px-[1rem]";
+declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[4.8rem]";
+declare const TABLE_HEADER_HEIGHT = "zui:h-[3.5rem]";
+declare const TABLE_TEXT_SIZE = "zui:text-[0.875rem]";
+declare const DATEPICKER_DAY_SIZE = "zui:size-[2rem]";
+declare const DATEPICKER_NAV_SIZE = "zui:size-[1.75rem]";
+declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[2rem]";
+declare const OVERLAY_PANEL_PADDING = "zui:p-[1.5rem]";
+declare const TOAST_PADDING = "zui:p-[1rem]";
+declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[6.5rem]";
+declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[2.88rem] zui:[&>button]:!w-[2.88rem]";
+export { controlHeightBySize, CONTROL_HEIGHT_SM, CONTROL_HEIGHT_DEFAULT, CONTROL_HEIGHT_LG, CONTROL_PADDING_X, CONTROL_PADDING_Y, BUTTON_PADDING_X, TEXTAREA_MIN_HEIGHT, TABLE_HEADER_HEIGHT, TABLE_TEXT_SIZE, DATEPICKER_DAY_SIZE, DATEPICKER_NAV_SIZE, DATEPICKER_CONTROL_HEIGHT, OVERLAY_PANEL_PADDING, TOAST_PADDING, DATEPICKER_MANUAL_SEGMENT_WIDTH, SQUARE_ICON_BUTTON_SIZE_IMPORTANT, };