hisd3-ui-kit 5.2.2 → 5.3.1

package/dist/index.d.ts

@@ -23,17 +23,32 @@ declare const HISD3_PRESETS: {
 type HISD3Preset = keyof typeof HISD3_PRESETS;
 /** Light or dark. Each person picks one; a module never forces it. */
 type HISD3ThemeMode = "light" | "dark";
-/** Neutral palette shared by every preset (the "Backoffice" look), light. */
+/**
+ * Neutral palette shared by every preset (the "Backoffice" look), light.
+ *
+ * Two surfaces: the ground (`bgLayout`), one warm near-white under the
+ * sidebar, the top bar and the page alike, and the panel (`bgElevated`),
+ * white, for cards, tables, drawers and popups. The ground sits a visible
+ * step under the white (1.08:1), so a panel reads as a panel before its
+ * edge does and the data on it is the brightest thing on screen.
+ */
 declare const HISD3_NEUTRALS: {
-    readonly bgLayout: "#F3F2F0";
-    readonly bgContainer: "#F3F2F0";
+    readonly bgLayout: "#F6F5F2";
+    readonly bgContainer: "#F6F5F2";
     readonly bgElevated: "#FFFFFF";
     readonly bgFilled: "#E6E4E1";
     readonly bgFilledHover: "#DBD8D4";
-    /** Inside a text field: lighter than the page, so it never reads as disabled. */
-    readonly bgField: "#FAF9F7";
+    /**
+     * Inside a text field: white, so on the ground a field sits lighter than
+     * the page and never reads as disabled, and on a panel it sits flush and
+     * its edge defines it. A tint between the two (5.3.0 had #FAF9F7) was too
+     * faint to read as anything and made a form on a panel look off-white.
+     */
+    readonly bgField: "#FFFFFF";
     /** A table row under the pointer: solid, so a fixed column can sit on it. */
     readonly bgRowHover: "#EBEAE8";
+    /** The same, for a table on a panel (white): a shade off the panel. */
+    readonly bgPanelRowHover: "#F6F5F3";
     /** A translucent hover wash for menu rows and list items. */
     readonly hover: "rgba(0,0,0,0.04)";
     readonly text: "#171717";
@@ -63,6 +78,7 @@ declare const HISD3_NEUTRALS_DARK: {
     readonly bgFilledHover: "#393734";
     readonly bgField: "#201F1D";
     readonly bgRowHover: "#22211F";
+    readonly bgPanelRowHover: "#2E2D2A";
     readonly hover: "rgba(255,255,255,0.05)";
     readonly text: "#EEEDEA";
     readonly textSecondary: "#C2C0BB";
@@ -1412,6 +1428,8 @@ declare const HISD3_LAYOUT: {
     readonly topBarHeight: 60;
     /** Horizontal padding used by the top bar, title block and page body. */
     readonly pageGutter: 28;
+    /** How far a table's first and last cells and its pager sit in from the panel's edge. */
+    readonly panelInset: 24;
 };
 
 export { AppAnimateGroups, AppAnimates, AppMotionAnimate, AuthType, DialogProvider, Fonts, FooterType, HISD3AvatarMenu, HISD3Button, HISD3FormAutoComplete, HISD3FormCascader, HISD3FormCheckbox, HISD3FormCheckboxGroup, HISD3FormColorPicker, HISD3FormDatePicker, HISD3FormField, HISD3FormInput, HISD3FormInputNumber, HISD3FormMentions, HISD3FormOTP, HISD3FormPassword, HISD3FormRadioGroup, HISD3FormRangePicker, HISD3FormRate, HISD3FormSearch, HISD3FormSegmented, HISD3FormSelect, HISD3FormSlider, HISD3FormSwitch, HISD3FormTextArea, HISD3FormTimePicker, HISD3FormTimeRangePicker, HISD3FormTransfer, HISD3FormTreeSelect, HISD3FormUpload, HISD3FormUploadDragger, HISD3HeaderActions, HISD3Input, HISD3LoginPage, HISD3NotificationButton, HISD3PageBody, HISD3PageHeader, HISD3Provider, HISD3SearchInput, HISD3Select, HISD3SelectLabel, HISD3Sidebar, HISD3Table, HISD3Tabs, HISD3Tag, HISD3_BORDER_PRESETS, HISD3_BORDER_PRESETS_DARK, HISD3_COLORS, HISD3_FONT_FAMILY, HISD3_FONT_WEIGHT_BODY, HISD3_FONT_WEIGHT_HEADING, HISD3_LAYOUT, HISD3_LOGO_SRC, HISD3_NEUTRALS, HISD3_NEUTRALS_DARK, HISD3_PRESETS, HISD3_STATUS, HeaderIconButton, HeaderType, LayoutDirection, LayoutType, MenuStyle, MessageType, NavStyle, RoutePermittedRole, RouteTransition, ThemeMode, ThemeStyle, ThemeStyleRadius, UserMenu, borderVarsCss, contrastRatio, createHisd3Theme, getInitials, hisd3AntdTheme, hisd3VarsCss, mix, normalizeUploadFileList, resolvePrimary, resolvePrimaryPalette, shade, tint, useDialog, useInsideHISD3Provider };