zaravand-ui 4.3.0 → 4.3.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 (6) hide show
  1. package/dist/components/shared/responsiveScale.d.ts +31 -31
  2. package/dist/index.cjs +4 -4
  3. package/dist/index.css +1 -1
  4. package/dist/index.js +33 -33
  5. package/dist/shared/scale.d.ts +17 -8
  6. package/package.json +1 -1
package/dist/components/shared/responsiveScale.d.ts CHANGED
@@ -1,37 +1,37 @@
1
1
  /**
2
- * Fixed desktop-sized tokens for the whole library, expressed as `px`
3
- * multiplied by the `--zui-scale` CSS custom property (see src/index.css)
4
- * instead of `rem`. `--zui-scale` defaults to 1 — the desktop/Full-HD
5
- * design size, identical to this library's previous fixed-rem behavior —
6
- * when a consuming app doesn't set it, and is intentionally independent
7
- * of the host app's own root `font-size`/`rem` scaling, which this
8
- * library no longer reads (`rem` always resolves against the document's
9
- * <html> element, so it can't be scoped to just this library's
10
- * components).
2
+ * Fixed desktop-sized tokens for the whole library, expressed as a bare
3
+ * number multiplied by the `--zui-scale` CSS custom property (see
4
+ * src/index.css) instead of `rem`. `--zui-scale` is a LENGTH that
5
+ * defaults to `10px` — the desktop/Full-HD design size, identical to
6
+ * this library's previous fixed-rem behavior — when a consuming app
7
+ * doesn't set it, and is intentionally independent of the host app's own
8
+ * root `font-size`/`rem` scaling, which this library no longer reads
9
+ * (`rem` always resolves against the document's <html> element, so it
10
+ * can't be scoped to just this library's components).
11
11
  *
12
- * Every value below is the same desktop pixel size this token held before
13
- * (its old `rem` value × 10, since those were authored against a
14
- * 1rem = 10px baseline), just re-expressed against `--zui-scale` instead.
12
+ * Every bare number below is the token's old `rem` numeral, unchanged —
13
+ * those were already authored against a 1rem = 10px baseline, which is
14
+ * exactly what `--zui-scale`'s `10px` default reproduces.
15
15
  */
16
- declare const CONTROL_HEIGHT_SM = "zui:h-[calc(var(--zui-scale,1)*46.08px)]";
17
- declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[calc(var(--zui-scale,1)*51.84px)]";
18
- declare const CONTROL_HEIGHT_LG = "zui:h-[calc(var(--zui-scale,1)*57.6px)]";
16
+ declare const CONTROL_HEIGHT_SM = "zui:h-[calc(var(--zui-scale,10px)*4.608)]";
17
+ declare const CONTROL_HEIGHT_DEFAULT = "zui:h-[calc(var(--zui-scale,10px)*5.184)]";
18
+ declare const CONTROL_HEIGHT_LG = "zui:h-[calc(var(--zui-scale,10px)*5.76)]";
19
19
  declare const controlHeightBySize: {
20
- readonly sm: "zui:h-[calc(var(--zui-scale,1)*46.08px)]";
21
- readonly default: "zui:h-[calc(var(--zui-scale,1)*51.84px)]";
22
- readonly lg: "zui:h-[calc(var(--zui-scale,1)*57.6px)]";
20
+ readonly sm: "zui:h-[calc(var(--zui-scale,10px)*4.608)]";
21
+ readonly default: "zui:h-[calc(var(--zui-scale,10px)*5.184)]";
22
+ readonly lg: "zui:h-[calc(var(--zui-scale,10px)*5.76)]";
23
23
  };
24
- declare const CONTROL_PADDING_X = "zui:px-[calc(var(--zui-scale,1)*12px)]";
25
- declare const CONTROL_PADDING_Y = "zui:py-[calc(var(--zui-scale,1)*12px)]";
26
- declare const BUTTON_PADDING_X = "zui:px-[calc(var(--zui-scale,1)*16px)]";
27
- declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[calc(var(--zui-scale,1)*76.8px)]";
28
- declare const TABLE_HEADER_HEIGHT = "zui:h-[calc(var(--zui-scale,1)*56px)]";
29
- declare const TABLE_TEXT_SIZE = "zui:text-[calc(var(--zui-scale,1)*14px)]";
30
- declare const DATEPICKER_DAY_SIZE = "zui:size-[calc(var(--zui-scale,1)*32px)]";
31
- declare const DATEPICKER_NAV_SIZE = "zui:size-[calc(var(--zui-scale,1)*28px)]";
32
- declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[calc(var(--zui-scale,1)*32px)]";
33
- declare const OVERLAY_PANEL_PADDING = "zui:p-[calc(var(--zui-scale,1)*24px)]";
34
- declare const TOAST_PADDING = "zui:p-[calc(var(--zui-scale,1)*16px)]";
35
- declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[calc(var(--zui-scale,1)*104px)]";
36
- declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[calc(var(--zui-scale,1)*46.08px)] zui:[&>button]:!w-[calc(var(--zui-scale,1)*46.08px)]";
24
+ declare const CONTROL_PADDING_X = "zui:px-[calc(var(--zui-scale,10px)*1.2)]";
25
+ declare const CONTROL_PADDING_Y = "zui:py-[calc(var(--zui-scale,10px)*1.2)]";
26
+ declare const BUTTON_PADDING_X = "zui:px-[calc(var(--zui-scale,10px)*1.6)]";
27
+ declare const TEXTAREA_MIN_HEIGHT = "zui:min-h-[calc(var(--zui-scale,10px)*7.68)]";
28
+ declare const TABLE_HEADER_HEIGHT = "zui:h-[calc(var(--zui-scale,10px)*5.6)]";
29
+ declare const TABLE_TEXT_SIZE = "zui:text-[calc(var(--zui-scale,10px)*1.4)]";
30
+ declare const DATEPICKER_DAY_SIZE = "zui:size-[calc(var(--zui-scale,10px)*3.2)]";
31
+ declare const DATEPICKER_NAV_SIZE = "zui:size-[calc(var(--zui-scale,10px)*2.8)]";
32
+ declare const DATEPICKER_CONTROL_HEIGHT = "zui:h-[calc(var(--zui-scale,10px)*3.2)]";
33
+ declare const OVERLAY_PANEL_PADDING = "zui:p-[calc(var(--zui-scale,10px)*2.4)]";
34
+ declare const TOAST_PADDING = "zui:p-[calc(var(--zui-scale,10px)*1.6)]";
35
+ declare const DATEPICKER_MANUAL_SEGMENT_WIDTH = "zui:w-[calc(var(--zui-scale,10px)*10.4)]";
36
+ declare const SQUARE_ICON_BUTTON_SIZE_IMPORTANT = "zui:[&>button]:!h-[calc(var(--zui-scale,10px)*4.608)] zui:[&>button]:!w-[calc(var(--zui-scale,10px)*4.608)]";
37
37
  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, };