@retailcrm/embed-ui-v1-components 0.5.2-alpha.4 → 0.5.2

package/dist/host.css

@@ -316,111 +316,6 @@
 .ui-v1-button_xs.ui-v1-button_has-trailing-icon {
   padding-right: 8px;
 }
-.ui-v1-checkbox {
-  display: inline-flex;
-  align-items: flex-start;
-  font-style: normal;
-  cursor: pointer;
-  margin-bottom: 0;
-  position: relative;
-  vertical-align: text-bottom;
-}
-.ui-v1-checkbox,
-.ui-v1-checkbox *,
-.ui-v1-checkbox *::before,
-.ui-v1-checkbox *::after {
-  box-sizing: border-box;
-}
-.ui-v1-checkbox_disabled {
-  cursor: default;
-}
-.ui-v1-checkbox__input {
-  width: 100%;
-  height: 100%;
-  appearance: none;
-  cursor: inherit;
-  outline: none;
-  z-index: 1;
-  margin: 0;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-.ui-v1-checkbox__checkmark {
-  display: inline-block;
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  background: #fff;
-  border-radius: 4px;
-  border: 2px solid #DEE2E6;
-  color: #fff;
-  transition: 0.25s ease;
-  transition-property: color, box-shadow, background-color, border-color;
-  vertical-align: top;
-  position: relative;
-}
-.ui-v1-checkbox:not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_active):not(.ui-v1-checkbox_disabled) .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark {
-  border-color: #005EEB;
-}
-.ui-v1-checkbox:not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_active):not(.ui-v1-checkbox_disabled) .ui-v1-checkbox__input:active ~ .ui-v1-checkbox__checkmark {
-  background: #EDF4FF;
-}
-.ui-v1-checkbox:not(.ui-v1-checkbox_disabled) .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark {
-  box-shadow: 0 0 0 4px rgba(0, 94, 235, 0.12);
-}
-.ui-v1-checkbox:not(.ui-v1-checkbox_disabled):active .ui-v1-checkbox__checkmark {
-  border-color: #0052CC;
-  box-shadow: 0 0 0 4px rgba(0, 94, 235, 0.12) !important;
-}
-.ui-v1-checkbox:not(.ui-v1-checkbox_disabled):not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_indeterminate):active .ui-v1-checkbox__checkmark {
-  background-color: rgba(0, 94, 235, 0.12);
-}
-.ui-v1-checkbox_checked .ui-v1-checkbox__checkmark {
-  border-color: #005EEB;
-  background: #005EEB;
-}
-.ui-v1-checkbox_disabled:not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_indeterminate) .ui-v1-checkbox__checkmark {
-  background: #EEF1F3;
-  border-color: #C7CDD4;
-}
-.ui-v1-checkbox_disabled .ui-v1-checkbox__checkmark {
-  border-color: #B8DBFF;
-  background: #B8DBFF;
-}
-.ui-v1-checkbox_indeterminate .ui-v1-checkbox__checkmark,
-.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark,
-.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:active ~ .ui-v1-checkbox__checkmark {
-  border-color: #005EEB;
-  background: #005EEB url("data:image/svg+xml,%3csvg width='12' height='4' viewBox='0 0 12 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0.583415 3.04165C0.353296 3.04165 0.166748 2.80846 0.166748 2.52081V1.47915C0.166748 1.1915 0.353296 0.958313 0.583415 0.958313H11.4167C11.6469 0.958313 11.8334 1.1915 11.8334 1.47915V2.52081C11.8334 2.80846 11.6469 3.04165 11.4167 3.04165H0.583415Z' fill='white'/%3e %3c/svg%3e") no-repeat center !important;
-}
-.ui-v1-checkbox_disabled.ui-v1-checkbox_indeterminate .ui-v1-checkbox__checkmark,
-.ui-v1-checkbox_disabled.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark,
-.ui-v1-checkbox_disabled.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:active ~ .ui-v1-checkbox__checkmark {
-  background-color: #B8DBFF !important;
-  border-color: #B8DBFF;
-  box-shadow: none;
-}
-.ui-v1-checkbox_small .ui-v1-checkbox__checkmark {
-  width: 16px;
-  min-width: 16px;
-  height: 16px;
-}
-.ui-v1-checkbox_small.ui-v1-checkbox_indeterminate .ui-v1-checkbox__checkmark {
-  background-size: 8px 4px !important;
-}
-.ui-v1-checkbox__checkmark-icon {
-  width: 22px;
-  height: 22px;
-  margin-left: -3px;
-  margin-top: -3px;
-}
-.ui-v1-checkbox_small .ui-v1-checkbox__checkmark-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: -2px;
-  margin-top: -2px;
-}
 .ui-v1-error {
   color: #FF5353;
   font-size: 14px;
@@ -1345,104 +1240,6 @@
 .ui-v1-modal-window-container_fullscreen:not(.ui-v1-modal-window-container_responsive) .ui-v1-modal-window_popup .ui-v1-modal-window__header_pinned {
   width: 100%;
 }
-.ui-v1-radio {
-  display: inline-flex;
-  cursor: pointer;
-  transition: 0.25s ease;
-  position: relative;
-  vertical-align: top;
-}
-.ui-v1-radio,
-.ui-v1-radio *,
-.ui-v1-radio *::before,
-.ui-v1-radio *::after {
-  box-sizing: border-box;
-}
-.ui-v1-radio_disabled {
-  cursor: default;
-}
-.ui-v1-radio__input {
-  width: 100%;
-  min-width: 100%;
-  height: 100%;
-  appearance: none;
-  cursor: inherit;
-  outline: none;
-  z-index: 1;
-  margin: 0;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-.ui-v1-radio__checkmark {
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  --background: #fff;
-  --border-color: #DEE2E6;
-  --bullet-color: var(--ui-radio-checked-color, #005EEB);
-  --shadow: none;
-  display: inline-block;
-  background: var(--background);
-  border: 2px solid var(--border-color);
-  box-shadow: var(--shadow);
-  transition: 0.25s ease;
-  transition-property: background-color, border-color, box-shadow, color;
-  position: relative;
-}
-.ui-v1-radio__checkmark::after {
-  width: 12px;
-  min-width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  content: '';
-  background: var(--bullet-color);
-  transform: scale(0);
-  transition: 0.15s ease;
-  margin: auto;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-}
-.ui-v1-radio__input:not([disabled]):hover ~ .ui-v1-radio__checkmark {
-  --border-color: var(--ui-radio-hover-color, #4191FF);
-  --bullet-color: var(--ui-radio-hover-color, #4191FF);
-  --shadow: 0 0 0 6px var(--ui-radio-on-surface-color, rgba(0, 94, 235, 0.12));
-}
-.ui-v1-radio__input:not([disabled]):focus ~ .ui-v1-radio__checkmark {
-  --border-color: var(--ui-radio-focus-color, #6CADFF);
-  --bullet-color: var(--ui-radio-focus-color, #6CADFF);
-  --shadow: 0 0 0 6px var(--ui-radio-on-surface-color, rgba(0, 94, 235, 0.12));
-}
-.ui-v1-radio__input:not([disabled]):active ~ .ui-v1-radio__checkmark {
-  --background: var(--ui-radio-on-surface-color, rgba(0, 94, 235, 0.12));
-  --border-color: var(--ui-radio-active-color, #0052CC);
-  --bullet-color: var(--ui-radio-active-color, #0052CC);
-}
-.ui-v1-radio_checked .ui-v1-radio__checkmark {
-  border-color: var(--ui-radio-checked-color, #005EEB);
-}
-.ui-v1-radio_checked .ui-v1-radio__checkmark::after {
-  background: var(--ui-radio-checked-color, #005EEB);
-  transform: scale(1);
-}
-.ui-v1-radio_checked .ui-v1-radio__input:not([disabled]):active ~ .ui-v1-radio__checkmark::after {
-  background: var(--ui-radio-active-color, #0052CC);
-}
-.ui-v1-radio_disabled .ui-v1-radio__checkmark {
-  border-color: #C7CDD4;
-  background: #EEF1F3;
-  box-shadow: none;
-}
-.ui-v1-radio_checked.ui-v1-radio_disabled .ui-v1-radio__checkmark {
-  border-color: var(--ui-radio-disabled-color, #B8DBFF);
-}
-.ui-v1-radio_checked.ui-v1-radio_disabled .ui-v1-radio__checkmark::after {
-  background: var(--ui-radio-disabled-color, #B8DBFF);
-}
 .ui-v1-tag-wrapper {
   display: inline-block;
   max-width: 100%;

package/dist/host.d.ts

@@ -249,8 +249,6 @@ export declare const ModalPlugin: Plugin_2;
 
 declare type Numeric = number | string;
 
-declare type Primitive = boolean | number | string | null | undefined;
-
 declare type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & (Record<string, never> extends E ? Record<string, never> : EmitsToProps<E>);
 
 declare enum SCROLLING {
@@ -320,26 +318,6 @@ declare type UiButtonProperties = {
     locked?: boolean;
 };
 
-export declare const UiCheckbox: DefineComponent<UiCheckboxProperties, UiCheckboxMethods>;
-
-declare type UiCheckboxMethods = {
-    click(): void;
-    focus(): void;
-    blur(): void;
-};
-
-declare type UiCheckboxProperties = {
-    id?: string | undefined;
-    name?: string;
-    model?: Primitive | Primitive[];
-    value?: Primitive;
-    indeterminate?: boolean;
-    valueOfTruthy?: Primitive;
-    valueOfFalsy?: Primitive;
-    small?: boolean;
-    disabled?: boolean;
-};
-
 export declare const UiError: DefineComponent<UiErrorProperties>;
 
 declare type UiErrorProperties = {
@@ -407,22 +385,6 @@ declare type UiModalWindowSurfaceProperties = {
     scrolling?: SCROLLING_2 | `${SCROLLING_2}`;
 };
 
-export declare const UiRadio: DefineComponent<UiRadioProperties, UiRadioMethods>;
-
-declare type UiRadioMethods = {
-    click(): void;
-    focus(): void;
-    blur(): void;
-};
-
-declare type UiRadioProperties = {
-    id?: string | undefined;
-    name?: string;
-    model?: Primitive | Primitive[];
-    value?: Primitive;
-    disabled?: boolean;
-};
-
 export declare const UiScrollBox: DefineComponent<
 UiScrollBoxProperties,
 UiScrollBoxMethods