@dskripchenko/ui 1.6.2 → 1.8.0

package/dist/styles/themes.css

@@ -34,6 +34,7 @@
   --uid-shadow-sm:  0 1px 2px rgb(0 0 0 / 0.05);
   --uid-shadow-md:  0 4px 12px rgb(0 0 0 / 0.08);
   --uid-shadow-lg:  0 8px 24px rgb(0 0 0 / 0.12);
+  --uid-shadow-xl:  0 20px 60px rgb(0 0 0 / 0.3);
 }
 
 :root[data-theme='dark'] {
@@ -71,6 +72,7 @@
   --uid-shadow-sm:  0 1px 2px rgb(0 0 0 / 0.2);
   --uid-shadow-md:  0 4px 12px rgb(0 0 0 / 0.4);
   --uid-shadow-lg:  0 8px 24px rgb(0 0 0 / 0.6);
+  --uid-shadow-xl:  0 20px 60px rgb(0 0 0 / 0.6);
 }
 
 /* Aliases: компоненты используют --uid-color-* → маппинг на семантические токены */
@@ -95,6 +97,8 @@
   --uid-color-primary:         var(--uid-accent);
   --uid-color-primary-hover:   var(--uid-accent-hover);
   --uid-color-primary-subtle:  var(--uid-accent-subtle);
+  /* The halo of a focused field (box-shadow). */
+  --uid-focus-ring:            0 0 0 3px var(--uid-color-primary-subtle);
   --uid-color-focus-ring:      var(--uid-accent);
 
   --uid-color-danger:          var(--uid-danger);

package/dist/styles/tokens.css

@@ -53,6 +53,8 @@
   --uid-font-size-xs:   12px;
   --uid-font-size-sm:   14px;
   --uid-font-size-md:   16px;
+  /* The body size; components that follow the running text use it. */
+  --uid-font-size-base: var(--uid-font-size-md);
   --uid-font-size-lg:   18px;
   --uid-font-size-xl:   20px;
   --uid-font-size-2xl:  24px;
@@ -106,13 +108,26 @@
   --uid-ease-in-out:  cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+/*
+ * The stacking scale, low to high:
+ *   base < sticky = affix < fixed < dropdown < overlay < drawer = modal < popover < toast < tooltip
+ *
+ * Every floating layer (select, menu, pickers, popover) is teleported to the
+ * body and stacks at --uid-z-popover, so it opens above a modal or a drawer —
+ * and above their footers — rather than under them. Tooltips sit above all.
+ */
 :root {
   --uid-z-base:      0;
   --uid-z-raised:    1;
-  --uid-z-dropdown:  100;
-  --uid-z-sticky:    200;
+  --uid-z-sticky:    100;
+  --uid-z-affix:     100;
+  /* Fixed page furniture (back-to-top): above content, below overlays. */
+  --uid-z-fixed:     150;
+  --uid-z-dropdown:  200;
   --uid-z-overlay:   300;
+  --uid-z-drawer:    400;
   --uid-z-modal:     400;
+  --uid-z-popover:   450;
   --uid-z-toast:     500;
   --uid-z-tooltip:   600;
 }

package/dist/utils/formatNumber.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Locale-aware number formatting shared by the components that print numbers
+ * (gauge, rating, file sizes). The locale is a BCP 47 tag, normally the active
+ * kit locale's `code`; an unknown tag falls back to the runtime default rather
+ * than throwing.
+ */
+export declare function formatNumber(value: number, locale: string | undefined, options?: Intl.NumberFormatOptions): string;
+/** A number with exactly `digits` fraction digits, in the given locale. */
+export declare function formatFixed(value: number, locale: string | undefined, digits: number): string;
+/**
+ * A file size with a short unit in the given locale: "512 B", "1.5 kB",
+ * "2,3 МБ". Falls back to plain English units where Intl has no unit style.
+ */
+export declare function formatFileSize(bytes: number, locale: string | undefined): string;

package/dist/utils/validation/index.d.ts

@@ -1,4 +1,4 @@
 export type { FieldContext, RuleFn, RuleInput, MessageFn, MessageInput, ValidationMessages } from './types';
-export { setMessages, getMessage } from './messages';
+export { setMessages, getMessage, setValidationLocale } from './messages';
 export { required, nullable, email, url, numeric, integer, min, max, minValue, maxValue, regex, inList, sameAs, requiredIf, requiredUnless, } from './rules';
 export { parseRules, runRules } from './parseRules';

package/dist/utils/validation/messages.d.ts

@@ -1,3 +1,6 @@
 import { FieldContext, ValidationMessages } from './types';
+import { UidLocale } from '../../locales/types.js';
+/** Switches the default messages to a locale's bag; called by provideLocale(). */
+export declare function setValidationLocale(locale: Pick<UidLocale, 'validation'>): void;
 export declare function setMessages(messages: ValidationMessages): void;
 export declare function getMessage(ruleName: string, ctx: FieldContext): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dskripchenko/ui",
-  "version": "1.6.2",
+  "version": "1.8.0",
   "description": "Vue 3 component, token, and theme library on CSS custom properties",
   "keywords": [
     "vue",