uikit-react-public 0.49.3 → 0.49.4

package/dist/index.js

@@ -18200,7 +18200,7 @@ const jv = (e, t) => {
     a === "#" ? (l += r[i], i += 1) : a === "*" ? (l += "*", i += 1) : o && (l += a);
   }
   return l + "*".repeat(Math.max(0, r.length - i));
-}, as = (e, t, { includeTemplateLiterals: o = !0 } = {}) => (typeof t == "function" ? t(e) : Gv(e, t, o)).split("*").join("•"), ei = "ucl-uikit-confidential-input", ti = (e) => e == null ? "" : Array.isArray(e) ? e.join(",") : String(e), Kv = De(
+}, as = (e, t, { includeTemplateLiterals: o = !0 } = {}) => (typeof t == "function" ? t(e) : Gv(e, t, o)).split("*").join("●"), ei = "ucl-uikit-confidential-input", ti = (e) => e == null ? "" : Array.isArray(e) ? e.join(",") : String(e), Kv = De(
   ({
     maskFormat: e,
     showable: t = !1,

package/lib/components/ConfidentialDisplayField/Documentation.mdx

@@ -14,7 +14,7 @@ import {
 
 `ConfidentialDisplayField` extends `DisplayField` with the same simple mask
 format used by `ConfidentialInput`. `#` reveals a value character, `*` masks it
-with a `•`, and other characters are displayed as separators.
+with a `●`, and other characters are displayed as separators.
 
 <Source
   code={`<ConfidentialDisplayField

package/lib/components/ConfidentialDisplayField/__tests__/ConfidentialDisplayField.test.tsx

@@ -23,7 +23,7 @@ describe('ConfidentialDisplayField', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-display-field')
-    ).toHaveTextContent('••••••78');
+    ).toHaveTextContent('●●●●●●78');
   });
 
   test('applies a function mask', () => {
@@ -34,7 +34,7 @@ describe('ConfidentialDisplayField', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-display-field')
-    ).toHaveTextContent('•••• ending in 78');
+    ).toHaveTextContent('●●●● ending in 78');
   });
 
   test('does not add a visibility control by default', () => {
@@ -69,7 +69,7 @@ describe('ConfidentialDisplayField', () => {
     await user.click(
       screen.getByRole('button', { name: 'Hide confidential value' })
     );
-    expect(output).toHaveTextContent('••••••78');
+    expect(output).toHaveTextContent('●●●●●●78');
   });
 
   test('formats both masked and visible values', async () => {
@@ -82,7 +82,7 @@ describe('ConfidentialDisplayField', () => {
     });
 
     const output = screen.getByTestId('ucl-uikit-confidential-display-field');
-    expect(output).toHaveTextContent('••-••-72');
+    expect(output).toHaveTextContent('●●-●●-72');
 
     await user.click(
       screen.getByRole('button', { name: 'Show confidential value' })
@@ -139,6 +139,6 @@ describe('ConfidentialDisplayField', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-display-field')
-    ).toHaveTextContent('••••••78');
+    ).toHaveTextContent('●●●●●●78');
   });
 });

package/lib/components/ConfidentialInput/Documentation.mdx

@@ -20,7 +20,7 @@ change events, and form submission while displaying a masked value.
 ## Usage
 
 The string mask is a simple template. `#` reveals the corresponding value
-character, `*` masks it with a `•`, and all other characters are displayed as
+character, `*` masks it with a `●`, and all other characters are displayed as
 separators. Asterisks returned by a formatter function are also displayed as
 bullets. Focusing the input temporarily reveals the original value for editing,
 and blurring restores the configured mask. When `showable` is `true`, the Eye

package/lib/components/ConfidentialInput/__tests__/ConfidentialInput.test.tsx

@@ -27,7 +27,7 @@ describe('ConfidentialInput', () => {
     );
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('1234••••');
+    ).toHaveTextContent('1234●●●●');
   });
 
   test('supports separators and masks characters beyond the template', () => {
@@ -39,7 +39,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72•');
+    ).toHaveTextContent('●●-●●-72●');
   });
 
   test('applies a function mask', () => {
@@ -51,7 +51,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('•••• ending in 78');
+    ).toHaveTextContent('●●●● ending in 78');
   });
 
   test('does not add a visibility control by default', () => {
@@ -120,7 +120,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••••');
+    ).toHaveTextContent('●●●●');
     expect(onChange).toHaveBeenLastCalledWith(expect.objectContaining({}));
     expect(onChange.mock.lastCall?.[0].target.value).toBe('1234');
   });
@@ -189,7 +189,7 @@ describe('ConfidentialInput', () => {
     ) as HTMLInputElement;
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
 
     await user.click(input);
 
@@ -203,7 +203,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
   });
 
   test('uses native password masking when visibleWhenFocused is false', async () => {
@@ -219,7 +219,7 @@ describe('ConfidentialInput', () => {
     ) as HTMLInputElement;
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
 
     await user.click(input);
 
@@ -234,7 +234,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
   });
 
   test('shows the raw value while editing a showable value', async () => {
@@ -250,7 +250,7 @@ describe('ConfidentialInput', () => {
     ) as HTMLInputElement;
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
 
     await user.click(input);
 
@@ -268,7 +268,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
   });
 
   test('supports a right icon alongside the visibility control', () => {
@@ -301,7 +301,7 @@ describe('ConfidentialInput', () => {
 
     expect(
       screen.getByTestId('ucl-uikit-confidential-input-mask')
-    ).toHaveTextContent('••-••-72');
+    ).toHaveTextContent('●●-●●-72');
 
     await user.click(
       screen.getByRole('button', { name: 'Show confidential value' })

package/lib/components/common/formatConfidentialValue.ts

@@ -42,7 +42,7 @@ const formatConfidentialValue = (
       ? maskFormat(value)
       : applyMaskTemplate(value, maskFormat, includeTemplateLiterals);
 
-  return maskedValue.split('*').join('•');
+  return maskedValue.split('*').join('●');
 };
 
 export default formatConfidentialValue;

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit-react-public",
   "private": false,
   "license": "UNLICENSED",
-  "version": "0.49.3",
+  "version": "0.49.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",