zaravand-ui 2.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/Table/Table.interface.d.ts +8 -0
  2. package/dist/components/Table/Table.variant.d.ts +4 -1
  3. package/dist/components/shared/responsiveScale.d.ts +24 -19
  4. package/dist/index.cjs +12 -12
  5. package/dist/index.css +1 -1
  6. package/dist/index.js +2854 -2833
  7. package/package.json +1 -1
package/dist/components/Table/Table.interface.d.ts CHANGED
@@ -110,6 +110,14 @@ export interface TableProps {
110
110
  onCellSelectChange?: TableCellSelectChangeHandler;
111
111
  getRowId?: TableRowIdResolver;
112
112
  showNumberRow?: boolean;
113
+ /**
114
+ * When true, renders a vertical border between columns.
115
+ */
116
+ showColumnBorder?: boolean;
117
+ /**
118
+ * When true, renders a horizontal border between rows.
119
+ */
120
+ showRowBorder?: boolean;
113
121
  }
114
122
  type TableSectionProps = {
115
123
  className?: string;
package/dist/components/Table/Table.variant.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  export declare const tableContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
- export declare const tableVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
+ export declare const tableVariants: (props?: ({
3
+ showColumnBorder?: boolean | null | undefined;
4
+ showRowBorder?: boolean | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
3
6
  export declare const ticketContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
7
  export declare const ticketControlsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
8
  export declare const ticketTableShellVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
package/dist/components/shared/responsiveScale.d.ts CHANGED
@@ -3,26 +3,31 @@
3
3
  * viewport widths is owned by the consuming app's root `html { font-size }`
4
4
  * scaling, so every rem value here is the static desktop/design value with
5
5
  * no clamp()/vw-based fluid sizing left in the library itself.
6
+ *
7
+ * Every value is written against a 1rem = 10px root (the consuming app's
8
+ * root font-size base), i.e. 1.6x the old 1rem = 16px numbers, so the
9
+ * rendered pixel size matches the original design once the consumer's
10
+ * root font-size scaling is applied.
6
11
  */
7
- declare const CONTROL_HEIGHT_SM = "zui:h-[2.88rem]";
8
- declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[3.24rem]";
9
- declare const CONTROL_HEIGHT_LG = "zui:h-[3.6rem]";
12
+ declare const CONTROL_HEIGHT_SM = "zui:h-[4.608rem]";
13
+ declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[5.184rem]";
14
+ declare const CONTROL_HEIGHT_LG = "zui:h-[5.76rem]";
10
15
  declare const controlHeightBySize: {
11
- readonly sm: "zui:h-[2.88rem]";
12
- readonly default: "zui:h-[3.24rem]";
13
- readonly lg: "zui:h-[3.6rem]";
16
+ readonly sm: "zui:h-[4.608rem]";
17
+ readonly default: "zui:h-[5.184rem]";
18
+ readonly lg: "zui:h-[5.76rem]";
14
19
  };
15
- declare const CONTROL_PADDING_X = "zui:px-[0.75rem]";
16
- declare const CONTROL_PADDING_Y = "zui:py-[0.75rem]";
17
- declare const BUTTON_PADDING_X = "zui:px-[1rem]";
18
- declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[4.8rem]";
19
- declare const TABLE_HEADER_HEIGHT = "zui:h-[3.5rem]";
20
- declare const TABLE_TEXT_SIZE = "zui:text-[0.875rem]";
21
- declare const DATEPICKER_DAY_SIZE = "zui:size-[2rem]";
22
- declare const DATEPICKER_NAV_SIZE = "zui:size-[1.75rem]";
23
- declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[2rem]";
24
- declare const OVERLAY_PANEL_PADDING = "zui:p-[1.5rem]";
25
- declare const TOAST_PADDING = "zui:p-[1rem]";
26
- declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[6.5rem]";
27
- declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[2.88rem] zui:[&>button]:!w-[2.88rem]";
20
+ declare const CONTROL_PADDING_X = "zui:px-[1.2rem]";
21
+ declare const CONTROL_PADDING_Y = "zui:py-[1.2rem]";
22
+ declare const BUTTON_PADDING_X = "zui:px-[1.6rem]";
23
+ declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[7.68rem]";
24
+ declare const TABLE_HEADER_HEIGHT = "zui:h-[5.6rem]";
25
+ declare const TABLE_TEXT_SIZE = "zui:text-[1.4rem]";
26
+ declare const DATEPICKER_DAY_SIZE = "zui:size-[3.2rem]";
27
+ declare const DATEPICKER_NAV_SIZE = "zui:size-[2.8rem]";
28
+ declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[3.2rem]";
29
+ declare const OVERLAY_PANEL_PADDING = "zui:p-[2.4rem]";
30
+ declare const TOAST_PADDING = "zui:p-[1.6rem]";
31
+ declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[10.4rem]";
32
+ declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[4.608rem] zui:[&>button]:!w-[4.608rem]";
28
33
  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, };