@wallarm-org/design-system 1.29.0 → 1.30.0

package/dist/theme/semantic.css

@@ -208,6 +208,7 @@
     --color-component-logo-wordmark-alt: var(--color-white);
     --color-component-kbi-tooltip-bg: --alpha(var(--color-white) / 20%);
     --color-component-dialog-overlay: --alpha(var(--color-white) / 60%);
+    --color-component-avatar-overlay: --alpha(var(--color-white) / 80%);
     --color-component-code-snippet-bg: --alpha(var(--color-slate-500) / 6%);
     --color-component-toast-bg: var(--color-slate-800);
     --color-component-toast-ic-destructive: var(--color-red-400);
@@ -659,6 +660,7 @@
     --color-component-logo-wordmark-alt: var(--color-slate-950);
     --color-component-kbi-tooltip-bg: --alpha(var(--color-slate-950) / 20%);
     --color-component-dialog-overlay: --alpha(var(--color-slate-950) / 60%);
+    --color-component-avatar-overlay: --alpha(var(--color-slate-950) / 80%);
     --color-component-code-snippet-bg: --alpha(var(--color-slate-300) / 12%);
     --color-component-toast-bg: var(--color-slate-100);
     --color-component-toast-ic-destructive: var(--color-red-600);

package/dist/utils/getInitials.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Avatar initials: the first letter of the first and of the last word that has a letter,
+ * upper-cased. '' when the name has no letter, so the fallback shows its icon.
+ */
+export declare const getInitials: (name: string) => string;

package/dist/utils/getInitials.js

@@ -0,0 +1,13 @@
+const segmenter = "u" > typeof Intl && 'Segmenter' in Intl ? new Intl.Segmenter(void 0, {
+    granularity: 'grapheme'
+}) : void 0;
+const LETTER = /^\p{L}/u;
+const graphemes = (word)=>segmenter ? Array.from(segmenter.segment(word), (s)=>s.segment) : Array.from(word);
+const firstLetter = (word)=>graphemes(word).find((g)=>LETTER.test(g)) ?? '';
+const getInitials = (name)=>{
+    const letters = name.trim().split(/\s+/).map(firstLetter).filter((letter)=>'' !== letter);
+    const first = letters.at(0) ?? '';
+    const last = letters.length > 1 ? letters.at(-1) ?? '' : '';
+    return (first + last).toLocaleUpperCase();
+};
+export { getInitials };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "1.29.0",
+  "version": "1.30.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",