@retailcrm/embed-ui-v1-components 0.9.11-alpha.1 → 0.9.11-alpha.2

package/dist/host.css

@@ -1877,6 +1877,8 @@
   padding-inline-end: var(--gap);
   align-items: center;
   justify-content: center;
+  border: 0;
+  background: transparent;
   cursor: pointer;
   z-index: 2;
 }
@@ -1884,6 +1886,7 @@
   width: var(--icon-size);
   min-width: var(--icon-size);
   height: var(--icon-size);
+  border-radius: 50%;
   color: #AFB9C3;
   fill: #AFB9C3;
 }
@@ -1891,6 +1894,18 @@
   color: var(--ui-v1-textbox-primary-color);
   fill: var(--ui-v1-textbox-primary-color);
 }
+.ui-v1-textbox__eraser:disabled {
+  cursor: default;
+}
+.ui-v1-textbox__eraser:focus,
+.ui-v1-textbox__eraser:focus-visible {
+  outline: none;
+}
+.ui-v1-textbox__eraser:focus-visible svg {
+  color: var(--ui-v1-textbox-primary-color);
+  fill: var(--ui-v1-textbox-primary-color);
+  box-shadow: 0 0 0 4px var(--ui-v1-textbox-primary-shadow-color);
+}
 .ui-v1-textbox:has(.ui-v1-textbox__icon_trailing) .ui-v1-textbox__eraser {
   padding-inline-end: 0;
 }
@@ -2911,9 +2926,15 @@
   background: #F9FAFB;
 }
 .ui-v1-modal-sidebar__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 32px;
   min-width: 32px;
   height: 32px;
+  border: 0;
+  background: transparent;
+  padding: 0;
   color: #AFB9C3;
   transition: color 0.25s ease;
   cursor: pointer;
@@ -2924,6 +2945,9 @@
 .ui-v1-modal-sidebar__close:hover {
   color: #636F7F;
 }
+.ui-v1-modal-sidebar__close:disabled {
+  cursor: default;
+}
 .ui-v1-modal {
   background: rgba(45, 51, 108, 0.4);
   z-index: 1000;
@@ -2977,6 +3001,9 @@
   width: 24px;
   min-width: 24px;
   height: 24px;
+  border: 0;
+  background: transparent;
+  padding: 0;
   color: #1E2248;
   cursor: pointer;
   transition: color 0.25s ease;
@@ -2988,6 +3015,9 @@
 .ui-v1-modal-window__close:hover {
   color: #636F7F;
 }
+.ui-v1-modal-window__close:disabled {
+  cursor: default;
+}
 .ui-v1-modal-window__content {
   padding: 32px 48px 32px 32px;
   font-size: 16px;
@@ -3979,12 +4009,18 @@
   width: 20px;
   min-width: 20px;
   height: 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   flex-shrink: 0;
   color: #AFB9C3;
   cursor: pointer;
   transition: 0.25s ease;
   position: relative;
   margin-left: 4px;
+  padding: 0;
+  border: 0;
+  background: transparent;
 }
 .ui-v1-tag__remove-icon:hover {
   color: #636F7F;

package/dist/host.d.ts

@@ -66,6 +66,12 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
         validator: (scrolling: string) => boolean;
         default: SCROLLING_2;
     };
+    /** ARIA-роль модального контейнера */
+    role: {
+        type: PropType<MODAL_WINDOW_ROLE>;
+        validator: (role: string) => boolean;
+        default: string;
+    };
 }>, {
     open(): void;
     close(): void;
@@ -128,6 +134,12 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
         validator: (scrolling: string) => boolean;
         default: SCROLLING_2;
     };
+    /** ARIA-роль модального контейнера */
+    role: {
+        type: PropType<MODAL_WINDOW_ROLE>;
+        validator: (role: string) => boolean;
+        default: string;
+    };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
@@ -142,6 +154,7 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
 }>, {
     closable: boolean;
     id: string;
+    role: MODAL_WINDOW_ROLE;
     appearance: APPEARANCE_4;
     disposeTimeout: string | number | null;
     opened: boolean;
@@ -306,8 +319,17 @@ declare enum INPUTMODE {
 }
 declare type Locale = 'en-GB' | 'es-ES' | 'ru-RU';
 declare type Locale_2 = 'en-GB' | 'es-ES' | 'ru-RU';
+declare type MODAL_SIDEBAR_ROLE = 'dialog' | 'alertdialog';
+declare type MODAL_WINDOW_ROLE = 'dialog' | 'alertdialog';
 export declare const ModalPlugin: Plugin_2;
 declare type Numeric = number | string;
+declare type Option_2 = {
+    id: string;
+    value: unknown;
+    label: string;
+    disabled?: boolean;
+    isMatched(): boolean;
+};
 declare type PlacementLiteral = `${Side}-${Alignment}` | Side;
 declare type PlacementOptions = {
     side: Side;
@@ -681,6 +703,7 @@ declare type UiModalSidebarProperties = {
     fixed?: boolean;
     scrolling?: SCROLLING | `${SCROLLING}`;
     size?: SIZE_7 | `${SIZE_7}`;
+    role?: MODAL_SIDEBAR_ROLE;
 };
 export declare const UiModalWindow: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export declare const UiModalWindowSurface: DefineComponent<UiModalWindowSurfaceProperties, UiModalWindowSurfaceMethods>;
@@ -697,6 +720,7 @@ declare type UiModalWindowSurfaceProperties = {
     responsive?: boolean;
     disposeTimeout?: number | string | null;
     scrolling?: SCROLLING_2 | `${SCROLLING_2}`;
+    role?: MODAL_WINDOW_ROLE;
 };
 export declare const UiNumberStepper: DefineComponent<UiNumberStepperProperties, UiNumberStepperMethods>;
 declare type UiNumberStepperMethods = {
@@ -770,19 +794,24 @@ export declare const UiSelectTrigger: DefineComponent<UiSelectTriggerProperties,
 declare type UiSelectTriggerMethods = {
     open(): void;
     close(): void;
-    onClick(): void;
+    onClick(event?: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
     onInput(event: Event): void;
     onFocus(event: Event): void;
     onBlur(event: Event): void;
     onClear(event: MouseEvent): void;
 };
 declare type UiSelectTriggerProperties = {
+    id?: string;
     value?: unknown | unknown[];
+    selection?: Option_2[];
     clearable?: boolean;
     filter?: string;
+    filterable?: boolean;
     invalid?: boolean;
     multiple?: boolean;
     expanded?: boolean;
+    activeDescendant?: string | null;
     placeholder?: string;
     placeholderOnly?: boolean;
     readonly?: boolean;