indicator-ui 0.1.121 → 0.1.122

package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts

@@ -29,7 +29,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
     canSearch: boolean;
     canPaginate: boolean;
     isLoading: boolean;
-    fieldState: "view" | "search";
+    fieldState: "search" | "view";
     setIsFocus: React.Dispatch<React.SetStateAction<boolean>>;
     isShow: boolean;
     getIsShow: () => boolean;
@@ -41,15 +41,16 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
     modalRef: React.MutableRefObject<HTMLDivElement | null>;
     targetRef: React.MutableRefObject<HTMLDivElement | null>;
     otherProps: {
-        ref?: React.LegacyRef<HTMLDivElement> | undefined;
-        slot?: string | undefined | undefined;
-        style?: React.CSSProperties | undefined;
-        title?: string | undefined | undefined;
         id?: string | undefined | undefined;
+        ref?: React.LegacyRef<HTMLDivElement> | undefined;
         color?: string | undefined | undefined;
         content?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
+        slot?: string | undefined | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined | undefined;
+        onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
         onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
         key?: React.Key | null | undefined;
@@ -58,11 +59,13 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
@@ -79,7 +82,6 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         rev?: string | undefined | undefined;
         typeof?: string | undefined | undefined;
         vocab?: string | undefined | undefined;
-        autoCapitalize?: string | undefined | undefined;
         autoCorrect?: string | undefined | undefined;
         autoSave?: string | undefined | undefined;
         itemProp?: string | undefined | undefined;
@@ -92,54 +94,61 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         unselectable?: "on" | "off" | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
-        'aria-activedescendant'?: string | undefined | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        'aria-colcount'?: number | undefined | undefined;
-        'aria-colindex'?: number | undefined | undefined;
-        'aria-colspan'?: number | undefined | undefined;
-        'aria-controls'?: string | undefined | undefined;
-        'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        'aria-describedby'?: string | undefined | undefined;
-        'aria-details'?: string | undefined | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        'aria-errormessage'?: string | undefined | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        'aria-keyshortcuts'?: string | undefined | undefined;
-        'aria-label'?: string | undefined | undefined;
-        'aria-labelledby'?: string | undefined | undefined;
-        'aria-level'?: number | undefined | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-        'aria-owns'?: string | undefined | undefined;
-        'aria-placeholder'?: string | undefined | undefined;
-        'aria-posinset'?: number | undefined | undefined;
-        'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined | undefined;
-        'aria-rowcount'?: number | undefined | undefined;
-        'aria-rowindex'?: number | undefined | undefined;
-        'aria-rowspan'?: number | undefined | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        'aria-valuemax'?: number | undefined | undefined;
-        'aria-valuemin'?: number | undefined | undefined;
-        'aria-valuenow'?: number | undefined | undefined;
-        'aria-valuetext'?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -207,7 +216,6 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -278,9 +286,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;

package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts

@@ -1,4 +1,4 @@
 export declare function useSelectFieldState(): {
-    fieldState: "view" | "search";
+    fieldState: "search" | "view";
     setIsFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/dist/ts/src/ui/formFields/FormPaginatedSelectField/lib/index.d.ts

@@ -1,7 +1,7 @@
 import { OptionsExtendItemType, OptionsType, ValueType } from "../types";
 export declare function compValue(a: any, b: any): boolean;
 export declare function getExtendOptions<D>(curOptions: OptionsType<D>, cache?: OptionsType<D>): OptionsExtendItemType<D>[];
-export declare function getExtendOptionLabel<D>(curOption: OptionsExtendItemType<D>): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;
+export declare function getExtendOptionLabel<D>(curOption: OptionsExtendItemType<D>): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>;
 export declare function getExtendValue<D, M extends boolean = false>(curValue: ValueType<D, M> | undefined | null, multiple: M): D[];
 export declare function getValueLabels<D>(curValues: D[], curOptions: OptionsExtendItemType<D>[]): string[];
 export declare function getNewMultipleValue<D, M extends boolean = false>(newData: D, curValue: D[]): ValueType<D, M>;

package/dist/ts/src/ui/formFields/FormPaginatedSelectField/ui/FormPaginatedSelectFieldBase.d.ts

@@ -1,4 +1,4 @@
 import { useFormPaginatedSelectField } from "../hooks";
 type PropsType<D, M extends boolean> = Parameters<typeof useFormPaginatedSelectField<D, M>>[number];
-export declare function FormPaginatedSelectFieldBase<D, M extends boolean = false>(props: PropsType<D, M>): JSX.Element;
+export declare function FormPaginatedSelectFieldBase<D, M extends boolean = false>(props: PropsType<D, M>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ts/src/ui/formFields/FormRadioField/ui/FieldItem.d.ts

@@ -8,5 +8,5 @@ type PropsType = {
     width?: 'hug' | 'fill';
     theme?: 'dark' | 'light';
 };
-export declare function FieldItem(props: PropsType): JSX.Element;
+export declare function FieldItem(props: PropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ts/src/ui/formFields/FormRadioField/ui/FormRadioField.d.ts

@@ -15,5 +15,5 @@ type PropsType<D, M extends boolean> = FieldPropsType<GetValueType<D, M>> & {
     required?: boolean;
     theme?: 'dark' | 'light';
 };
-export declare function FormRadioField<D, M extends boolean = false>(props: PropsType<D, M>): JSX.Element;
+export declare function FormRadioField<D, M extends boolean = false>(props: PropsType<D, M>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ts/src/ui/formFields/FormSelectField/ui/FormSelectFieldBase.d.ts

@@ -17,5 +17,5 @@ type BasePropsType<D, M extends boolean> = {
     required?: boolean;
 };
 type PropsType<D, M extends boolean> = Omit<React.ComponentProps<typeof FormFieldBase>, keyof BasePropsType<D, M> | keyof FieldPropsType<ValueType<D, M>>> & FieldPropsType<ValueType<D, M>> & BasePropsType<D, M>;
-export declare function FormSelectFieldBase<D, M extends boolean = false>(props: PropsType<D, M>): JSX.Element;
+export declare function FormSelectFieldBase<D, M extends boolean = false>(props: PropsType<D, M>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ts/src/ui/formFields/FormTextareaField/ui/FormTextareaFieldBase.d.ts

@@ -10,5 +10,5 @@ type BasePropsType = FieldPropsType<string> & {
     theme?: "light" | "dark";
 };
 type PropsType = Omit<React.ComponentProps<'textarea'>, keyof BasePropsType> & BasePropsType;
-export declare function FormTextareaFieldBase(props: PropsType): JSX.Element;
+export declare function FormTextareaFieldBase(props: PropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ts/src/ui/formFields/extends/ui/DropdownArrow.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 type PropsType = React.ComponentProps<'button'> & {
     open?: boolean;
 };
-export declare function DropdownArrow(props: PropsType): JSX.Element;
+export declare function DropdownArrow(props: PropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ts/src/ui/formFields/extends/ui/InputInnerButton.d.ts

@@ -3,5 +3,5 @@ type PropsType = React.ComponentProps<'button'> & {
     icon: React.ReactNode;
     color: 'gray' | 'red';
 };
-export declare function InputInnerButton(props: PropsType): JSX.Element;
+export declare function InputInnerButton(props: PropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/docs/CSSVariables/CSSThemeCustomize.md

@@ -121,3 +121,64 @@
   - `--ui-checkbox-mark-active-focus-background-color`
   - `--ui-checkbox-mark-active-focus-border-color`
   - `--ui-checkbox-mark-active-focus-symbol-color`
+
+## Button
+- `--ui-button-radius`
+
+### Primary
+- ### base
+  - `--ui-button-primary-background-color`
+  - `--ui-button-primary-border-color`
+  - `--ui-button-primary-box-shadow`
+  - `--ui-button-primary-text-color`
+  - `--ui-button-primary-icon-color`
+- ### base hover
+  - `--ui-button-primary-hover-background-color`
+  - `--ui-button-primary-hover-border-color`
+  - `--ui-button-primary-hover-box-shadowr`
+  - `--ui-button-primary-hover-text-color`
+  - `--ui-button-primary-hover-icon-color`
+- ### disabled
+  - `--ui-button-primary-disabled-background-color`
+  - `--ui-button-primary-disabled-border-color`
+  - `--ui-button-primary-disabled-box-shadow`
+  - `--ui-button-primary-disabled-text-color`
+  - `--ui-button-primary-disabled-icon-color`
+### Secondary color
+- ### base
+  - `--ui-button-secondary-color-background-color`
+  - `--ui-button-secondary-color-border-color`
+  - `--ui-button-secondary-color-box-shadow`
+  - `--ui-button-secondary-color-text-color`
+  - `--ui-button-secondary-color-icon-color`
+- ### base hover
+  - `--ui-button-secondary-color-hover-background-color`
+  - `--ui-button-secondary-color-hover-border-color`
+  - `--ui-button-secondary-color-hover-box-shadowr`
+  - `--ui-button-secondary-color-hover-text-color`
+  - `--ui-button-secondary-color-hover-icon-color`
+- ### disabled
+  - `--ui-button-secondary-color-disabled-background-color`
+  - `--ui-button-secondary-color-disabled-border-color`
+  - `--ui-button-secondary-color-disabled-box-shadow`
+  - `--ui-button-secondary-color-disabled-text-color`
+  - `--ui-button-secondary-color-disabled-icon-color`
+### Secondary gray
+- ### base
+  - `--ui-button-secondary-gray-background-color`
+  - `--ui-button-secondary-gray-border-color`
+  - `--ui-button-secondary-gray-box-shadow`
+  - `--ui-button-secondary-gray-text-color`
+  - `--ui-button-secondary-gray-icon-color`
+- ### base hover
+  - `--ui-button-secondary-gray-hover-background-color`
+  - `--ui-button-secondary-gray-hover-border-color`
+  - `--ui-button-secondary-gray-hover-box-shadowr`
+  - `--ui-button-secondary-gray-hover-text-color`
+  - `--ui-button-secondary-gray-hover-icon-color`
+- ### disabled
+  - `--ui-button-secondary-gray-disabled-background-color`
+  - `--ui-button-secondary-gray-disabled-border-color`
+  - `--ui-button-secondary-gray-disabled-box-shadow`
+  - `--ui-button-secondary-gray-disabled-text-color`
+  - `--ui-button-secondary-gray-disabled-icon-color`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.1.121",
+  "version": "0.1.122",
   "main": "dist/index.js",
   "types": "dist/ts/src/index.d.ts",
   "style": "dist/index.css",

package/dist/scss/ui/Buttons/styles/mixins/properties/link-dark-theme.scss

@@ -1,52 +0,0 @@
-@use '../../../../../styles' as *;
-
-@mixin linkDarkThemeButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--base-white));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--base-white));
-  }
-}
-
-@mixin linkDarkTheme {
-  padding: 0 !important;
-  gap: 4px;
-
-  .loader {
-    @include modify-svg($stroke: var(--gray-iron-400));
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-iron-400));
-  }
-
-  .content {
-    padding: 0 !important;
-
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-iron-400));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include linkDarkThemeButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include linkDarkThemeButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
-}

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

@@ -1,2 +0,0 @@
-import './style.scss';
-export declare function ButtonsPage(): JSX.Element;