indicator-ui 0.1.69 → 0.1.71

package/dist/scss/ui/Tag/styles/properties/base.scss

@@ -1,34 +1,34 @@
-@use '../../../../styles' as *;
-
-@mixin base() {
-  width: fit-content;
-  height: fit-content;
-  gap: 3px;
-  border-radius: 6px;
-  border: 1px solid var(--gray-300);
-  background-color: var(--base-white);
-  transition: background-color ease-out 300ms;
-  cursor: default;
-  flex-wrap: nowrap;
-  @include modify-flex($align-items: center);
-
-  .main {
-    flex-wrap: nowrap;
-    @include modify-flex($align-items: center);
-  }
-
-  .label {
-    text-wrap: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    @include fnt-flex($color: var(--gray-700));
-  }
-
-  .dotIcon {
-    flex: none;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background-color: var(--success-500);
-  }
+@use '../../../../styles' as *;
+
+@mixin base() {
+  width: fit-content;
+  height: fit-content;
+  gap: 3px;
+  border-radius: 6px;
+  border: 1px solid var(--gray-300);
+  background-color: var(--base-white);
+  transition: background-color ease-out 300ms;
+  cursor: default;
+  flex-wrap: nowrap;
+  @include modify-flex($align-items: center);
+
+  .main {
+    flex-wrap: nowrap;
+    @include modify-flex($align-items: center);
+  }
+
+  .label {
+    text-wrap: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    @include fnt-flex($color: var(--gray-700));
+  }
+
+  .dotIcon {
+    flex: none;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--success-500);
+  }
 }

package/dist/scss/ui/Tag/styles/properties/clicked.scss

@@ -1,3 +1,3 @@
-@mixin clicked() {
-  cursor: pointer;
+@mixin clicked() {
+  cursor: pointer;
 }

package/dist/scss/ui/Tag/styles/properties/hover.scss

@@ -1,5 +1,5 @@
-@use '../../../../styles' as *;
-
-@mixin hover() {
-  background-color: var(--gray-50);
+@use '../../../../styles' as *;
+
+@mixin hover() {
+  background-color: var(--gray-50);
 }

package/dist/scss/ui/Tag/styles/properties/index.scss

@@ -1,7 +1,7 @@
-@forward "large";
-@forward "small";
-@forward "medium";
-@forward "active";
-@forward "clicked";
-@forward "base";
+@forward "large";
+@forward "small";
+@forward "medium";
+@forward "active";
+@forward "clicked";
+@forward "base";
 @forward "hover";

package/dist/scss/ui/Tag/styles/properties/large.scss

@@ -1,19 +1,19 @@
-@use '../../../../styles' as *;
-
-@mixin large() {
-  // С учетом border
-  padding: 3px 9px;
-  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
-
-  .main {
-    gap: 6px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 5px;
-  }
+@use '../../../../styles' as *;
+
+@mixin large() {
+  // С учетом border
+  padding: 3px 9px;
+  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
+
+  .main {
+    gap: 6px;
+  }
+
+  &.isAction {
+    padding-right: 4px;
+  }
+
+  &.isCheckbox {
+    padding-left: 5px;
+  }
 }

package/dist/scss/ui/Tag/styles/properties/medium.scss

@@ -1,19 +1,19 @@
-@use '../../../../styles' as *;
-
-@mixin medium() {
-  // С учетом border
-  padding: 1px 8px;
-  @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);
-
-  .main {
-    gap: 5px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 4px;
-  }
+@use '../../../../styles' as *;
+
+@mixin medium() {
+  // С учетом border
+  padding: 1px 8px;
+  @include fnt-flex($size: 14, $line-height: 20, $weight: 500, $family: $golos-ui);
+
+  .main {
+    gap: 5px;
+  }
+
+  &.isAction {
+    padding-right: 4px;
+  }
+
+  &.isCheckbox {
+    padding-left: 4px;
+  }
 }

package/dist/scss/ui/Tag/styles/properties/small.scss

@@ -1,19 +1,19 @@
-@use '../../../../styles' as *;
-
-@mixin small() {
-  // С учетом border
-  padding: 2px 7px;
-  @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);
-
-  .main {
-    gap: 4px;
-  }
-
-  &.isAction {
-    padding-right: 4px;
-  }
-
-  &.isCheckbox {
-    padding-left: 5px;
-  }
+@use '../../../../styles' as *;
+
+@mixin small() {
+  // С учетом border
+  padding: 2px 7px;
+  @include fnt-flex($size: 12, $line-height: 18, $weight: 500, $family: $golos-ui);
+
+  .main {
+    gap: 4px;
+  }
+
+  &.isAction {
+    padding-right: 4px;
+  }
+
+  &.isCheckbox {
+    padding-left: 5px;
+  }
 }

package/dist/scss/ui/ToggleBase/styles/mixins/active.scss

@@ -1,12 +1,12 @@
-@mixin active($theme: 'light') {
-  @if $theme == 'dark' {
-    background-color: var(--rose-500);
-  } @else {
-    background-color: var(--primary-500);
-  }
-}
-
-@mixin active-spacer() {
-  flex-grow: 1;
-}
-
+@mixin active($theme: 'light') {
+  @if $theme == 'dark' {
+    background-color: var(--rose-500);
+  } @else {
+    background-color: var(--primary-500);
+  }
+}
+
+@mixin active-spacer() {
+  flex-grow: 1;
+}
+

package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss

@@ -1,9 +1,9 @@
-@use '../../../../styles' as *;
-
-@mixin base-button() {
-  flex: none;
-  border: 1px solid transparent;
-  border-radius: 50%;
-  background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;
+@use '../../../../styles' as *;
+
+@mixin base-button() {
+  flex: none;
+  border: 1px solid transparent;
+  border-radius: 50%;
+  background-color: var(--base-white);
+  box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/base.scss

@@ -1,14 +1,14 @@
-@use '../../../../styles' as *;
-
-@mixin base($theme: 'light') {
-  border-radius: 12px;
-  padding: 1px;
-  border: 1px solid transparent;
-
-  @if $theme == 'dark' {
-    background-color: var(--gray-iron-500);
-  } @else {
-    background-color: var(--gray-300);
-  }
-  @include modify-flex($align-items: center);
+@use '../../../../styles' as *;
+
+@mixin base($theme: 'light') {
+  border-radius: 12px;
+  padding: 1px;
+  border: 1px solid transparent;
+
+  @if $theme == 'dark' {
+    background-color: var(--gray-iron-500);
+  } @else {
+    background-color: var(--gray-300);
+  }
+  @include modify-flex($align-items: center);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss

@@ -1,5 +1,5 @@
-@mixin disabled-base() {
-  cursor: default;
-  pointer-events: none;
-  opacity: 0.5;
-}
+@mixin disabled-base() {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.5;
+}

package/dist/scss/ui/ToggleBase/styles/mixins/error.scss

@@ -1,7 +1,7 @@
-@mixin error-base() {
-  background-color: var(--error-200);
-}
-
-@mixin error-active() {
-  background-color: var(--error-500);
+@mixin error-base() {
+  background-color: var(--error-200);
+}
+
+@mixin error-active() {
+  background-color: var(--error-500);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss

@@ -1,23 +1,23 @@
-@mixin hover($theme: "light") {
-  @if $theme == "light" {
-    background-color: var(--gray-400);
-  } @else {
-    background-color: var(--gray-iron-600);
-  }
-}
-
-@mixin hover-active($theme: "light") {
-  @if $theme == "light" {
-    background-color: var(--primary-600);
-  } @else {
-    background-color: var(--rose-600);
-  }
-}
-
-@mixin hover-error() {
-  background-color: var(--error-300);
-}
-
-@mixin hover-active-error() {
-  background-color: var(--error-600);
+@mixin hover($theme: "light") {
+  @if $theme == "light" {
+    background-color: var(--gray-400);
+  } @else {
+    background-color: var(--gray-iron-600);
+  }
+}
+
+@mixin hover-active($theme: "light") {
+  @if $theme == "light" {
+    background-color: var(--primary-600);
+  } @else {
+    background-color: var(--rose-600);
+  }
+}
+
+@mixin hover-error() {
+  background-color: var(--error-300);
+}
+
+@mixin hover-active-error() {
+  background-color: var(--error-600);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/index.scss

@@ -1,9 +1,9 @@
-@forward "large";
-@forward "medium";
-@forward "error";
-@forward "active";
-@forward "hover";
-@forward "base-button";
-@forward "base";
-@forward "disabled";
+@forward "large";
+@forward "medium";
+@forward "error";
+@forward "active";
+@forward "hover";
+@forward "base-button";
+@forward "base";
+@forward "disabled";
 @forward "spacer";

package/dist/scss/ui/ToggleBase/styles/mixins/large.scss

@@ -1,9 +1,9 @@
-@mixin large-base() {
-  width: 44px;
-  height: 24px;
-}
-
-@mixin large-button() {
-  width: 20px;
-  height: 20px;
+@mixin large-base() {
+  width: 44px;
+  height: 24px;
+}
+
+@mixin large-button() {
+  width: 20px;
+  height: 20px;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss

@@ -1,9 +1,9 @@
-@mixin medium-base() {
-  width: 36px;
-  height: 20px;
-}
-
-@mixin medium-button() {
-  width: 16px;
-  height: 16px;
+@mixin medium-base() {
+  width: 36px;
+  height: 20px;
+}
+
+@mixin medium-button() {
+  width: 16px;
+  height: 16px;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/spacer.scss

@@ -1,5 +1,5 @@
-@use '../../../../styles' as *;
-
-@mixin spacer() {
-  flex-grow: 0;
+@use '../../../../styles' as *;
+
+@mixin spacer() {
+  flex-grow: 0;
 }

package/dist/scss/ui/formFields/FormFieldWrapper/styles/mixins/inputFieldWrapper.scss

@@ -1,50 +1,50 @@
-@use '../../../../../styles' as *;
-
-@mixin insertInputFieldWrapper() {
-  .inputFieldWrapper {
-    width: 100%;
-    min-width: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-
-    .labelText {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));
-
-      .required {
-        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));
-      }
-    }
-
-    .hintText {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));
-    }
-
-    .hintError {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));
-    }
-
-    .helperLink {
-      display: flex;
-      padding: 0 12px;
-      gap: 2px;
-      cursor: pointer;
-      @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);
-      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));
-    }
-
-    @content;
-  }
+@use '../../../../../styles' as *;
+
+@mixin insertInputFieldWrapper() {
+  .inputFieldWrapper {
+    width: 100%;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    .labelText {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--gray-700));
+
+      .required {
+        @include fnt($size: 14, $line-height: 20, $weight: 500, $color: var(--error-500));
+      }
+    }
+
+    .hintText {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--gray-600));
+    }
+
+    .hintError {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--error-500));
+    }
+
+    .helperLink {
+      display: flex;
+      padding: 0 12px;
+      gap: 2px;
+      cursor: pointer;
+      @include changeSvg($width: 20, $height: 20, $stroke: var(--primary-500), $flex: none);
+      @include fnt($size: 14, $line-height: 20, $weight: 400, $color: var(--primary-500));
+    }
+
+    @content;
+  }
 }

package/dist/types/src/hooks/forms/types/scheme.d.ts

@@ -1,4 +1,4 @@
-import { DeepNullable } from "../../../types";
+import { Nullable } from "../../../types";
 import { ExtendFormPath, ExtendFormValue, FormErrorType, FormPath, FormValue } from './formTypes';
 export type StringFieldValidators = Partial<{
     /** Минимальная длина строки */
@@ -148,7 +148,7 @@ export type FieldConfigType<T, F> = DefaultValueConfig<T, F> & BaseFieldValidato
  *
  * @template T — тип данных формы (например, интерфейс или тип объекта формы).
  */
-export type FormSchemeType<T> = DeepNullable<Partial<T>> extends infer Form ? {
+export type FormSchemeType<T> = Nullable<Partial<T>> extends infer Form ? {
     [K in ExtendFormPath<Form>]?: FieldConfigType<Form, ExtendFormValue<Form, K>>;
 } : never;
 export type FieldPropsType<V> = {

package/dist/types/src/hooks/forms/useForm.d.ts

@@ -1,6 +1,6 @@
 import React, { FormEvent } from "react";
 import { ExtendFormPath, FieldPropsType, FormErrorsType, FormErrorType } from "../../hooks";
-import { DeepNullable } from "../../types";
+import { Nullable } from "../../types";
 import { FormPath, FormSchemeType, FormValue } from "./types";
 type PropsType<T, Form> = [
     props?: {
@@ -187,7 +187,7 @@ type PropsType<T, Form> = [
  *
  * @returns {object} Объект с методами и состоянием формы (см. таблицу выше).
  */
-export declare function useForm<Form, T extends DeepNullable<Partial<Form>> = DeepNullable<Partial<Form>>>(...args: PropsType<T, Form>): {
+export declare function useForm<Form, T extends Nullable<Partial<Form>> = Nullable<Partial<Form>>>(...args: PropsType<T, Form>): {
     formData: T | undefined;
     setFormData: (formData: T) => void;
     getFormData: () => T | undefined;

package/dist/types/src/test/App.d.ts

@@ -1,2 +1,2 @@
 import './global.scss';
-export declare function App(): import("react/jsx-runtime").JSX.Element;
+export declare function App(): JSX.Element;

package/dist/types/src/test/layout/PageLayout.d.ts

@@ -1,3 +1,3 @@
 export declare function PageLayout({ children }: {
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;

package/dist/types/src/test/pages/ButtonsPage.d.ts

@@ -1 +1 @@
-export declare function ButtonsPage(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonsPage(): JSX.Element;

package/dist/types/src/test/pages/CascadeSelectorPage.d.ts

@@ -1 +1 @@
-export declare function CascadeSelectorPage(): import("react/jsx-runtime").JSX.Element;
+export declare function CascadeSelectorPage(): JSX.Element;

package/dist/types/src/test/pages/CheckboxMarkPage.d.ts

@@ -1 +1 @@
-export declare function CheckboxMarkPage(): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxMarkPage(): JSX.Element;

package/dist/types/src/test/pages/CheckboxPage.d.ts

@@ -1 +1 @@
-export declare function CheckboxPage(): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxPage(): JSX.Element;

package/dist/types/src/test/pages/DateTimeFieldMaskPage.d.ts

@@ -1 +1 @@
-export declare function DateTimeFieldMaskPage(): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeFieldMaskPage(): JSX.Element;

package/dist/types/src/test/pages/DateTimeFieldsPage.d.ts

@@ -1 +1 @@
-export declare function DateTimeFieldsPage(): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeFieldsPage(): JSX.Element;

package/dist/types/src/test/pages/DateTimePickerPage.d.ts

@@ -1 +1 @@
-export declare function DateTimePickerPage(): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePickerPage(): JSX.Element;

package/dist/types/src/test/pages/DropdownItemPage.d.ts

@@ -1 +1 @@
-export declare function DropdownItemPage(): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownItemPage(): JSX.Element;

package/dist/types/src/test/pages/FieldsPage.d.ts

@@ -1 +1 @@
-export declare function FieldsPage(): import("react/jsx-runtime").JSX.Element;
+export declare function FieldsPage(): JSX.Element;

package/dist/types/src/test/pages/FormBuilderPage.d.ts

@@ -1 +1 @@
-export declare function FormBuilderPage(): import("react/jsx-runtime").JSX.Element;
+export declare function FormBuilderPage(): JSX.Element;

package/dist/types/src/test/pages/FormPage.d.ts

@@ -1 +1 @@
-export declare function FormPage(): import("react/jsx-runtime").JSX.Element;
+export declare function FormPage(): JSX.Element;

package/dist/types/src/test/pages/HomePage.d.ts

@@ -1 +1 @@
-export declare function HomePage(): import("react/jsx-runtime").JSX.Element;
+export declare function HomePage(): JSX.Element;

package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts

@@ -1 +1 @@
-export declare function LoadingIndicatorPage(): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingIndicatorPage(): JSX.Element;

package/dist/types/src/test/pages/MediaPlayerPage.d.ts

@@ -1 +1 @@
-export declare function MediaPlayerPage(): import("react/jsx-runtime").JSX.Element;
+export declare function MediaPlayerPage(): JSX.Element;

package/dist/types/src/test/pages/MicroButtonsPage.d.ts

@@ -1 +1 @@
-export declare function MicroButtonsPage(): import("react/jsx-runtime").JSX.Element;
+export declare function MicroButtonsPage(): JSX.Element;

package/dist/types/src/test/pages/ModalsPage.d.ts

@@ -1 +1 @@
-export declare function ModalsPage(): import("react/jsx-runtime").JSX.Element;
+export declare function ModalsPage(): JSX.Element;

package/dist/types/src/test/pages/PaginationPage.d.ts

@@ -1 +1 @@
-export declare function PaginationPage(): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationPage(): JSX.Element;

package/dist/types/src/test/pages/SlideTransitionPage.d.ts

@@ -1 +1 @@
-export declare function SlideTransitionPage(): import("react/jsx-runtime").JSX.Element;
+export declare function SlideTransitionPage(): JSX.Element;