indicator-ui 0.1.38 → 0.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/index.css +938 -10
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +666 -271
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/Buttons/styles/mixins/properties/index.scss +1 -0
  6. package/dist/scss/ui/Buttons/styles/mixins/properties/link-dark-theme.scss +48 -0
  7. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +18 -0
  8. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +31 -0
  9. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +39 -0
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +39 -0
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +39 -0
  12. package/dist/scss/ui/MicroButton/styles/mixins/properties/index.scss +1 -0
  13. package/dist/scss/ui/MicroButton/styles/mixins/properties/rose.scss +21 -0
  14. package/dist/scss/ui/ToggleBase/styles/mixins/active.scss +6 -2
  15. package/dist/scss/ui/ToggleBase/styles/mixins/base.scss +7 -2
  16. package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss +12 -4
  17. package/dist/types/src/hooks/ui-animations/assets/carouselAnimations.d.ts +9 -0
  18. package/dist/types/src/hooks/ui-animations/assets/index.d.ts +1 -0
  19. package/dist/types/src/hooks/ui-animations/index.d.ts +1 -0
  20. package/dist/types/src/hooks/ui-animations/useCarousel.d.ts +12 -0
  21. package/dist/types/src/ui/Buttons/types/ButtonTypes.d.ts +3 -1
  22. package/dist/types/src/ui/Buttons/ui/Button.d.ts +1 -0
  23. package/dist/types/src/ui/DateTimePicker/types/DateTimePickerTypes.d.ts +1 -0
  24. package/dist/types/src/ui/DateTimePicker/types/components/CalendarButtonTypes.d.ts +1 -0
  25. package/dist/types/src/ui/DateTimePicker/types/components/CalendarDayTypes.d.ts +1 -0
  26. package/dist/types/src/ui/DateTimePicker/types/components/CalendarMonthTypes.d.ts +1 -0
  27. package/dist/types/src/ui/DateTimePicker/types/components/CalendarYearTypes.d.ts +1 -0
  28. package/dist/types/src/ui/DateTimePicker/types/components/TimePickerFeedTypes.d.ts +1 -0
  29. package/dist/types/src/ui/DateTimePicker/types/pickers/DatePickerTypes.d.ts +1 -0
  30. package/dist/types/src/ui/DateTimePicker/types/pickers/MonthPickerTypes.d.ts +1 -0
  31. package/dist/types/src/ui/DateTimePicker/types/pickers/TimePickerTypes.d.ts +1 -0
  32. package/dist/types/src/ui/DateTimePicker/types/pickers/YearPickerTypes.d.ts +1 -0
  33. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarButton.d.ts +1 -1
  34. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarDay.d.ts +1 -1
  35. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarMonth.d.ts +1 -1
  36. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarYear.d.ts +1 -1
  37. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerFeed.d.ts +1 -1
  38. package/dist/types/src/ui/DateTimePicker/ui/pickers/DatePicker.d.ts +1 -1
  39. package/dist/types/src/ui/DateTimePicker/ui/pickers/MonthPicker.d.ts +1 -1
  40. package/dist/types/src/ui/DateTimePicker/ui/pickers/TimePicker.d.ts +1 -1
  41. package/dist/types/src/ui/DateTimePicker/ui/pickers/YearPicker.d.ts +1 -1
  42. package/dist/types/src/ui/Dropdown/types/DropdownTypes.d.ts +1 -0
  43. package/dist/types/src/ui/DropdownItem/types/DropdownItemTypes.d.ts +1 -0
  44. package/dist/types/src/ui/FormBuilder/ui/FormBuilder.d.ts +11 -1
  45. package/dist/types/src/ui/InputFields/DateTimeField/types/DateTimeFieldTypes.d.ts +1 -0
  46. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
  47. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
  48. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
  49. package/dist/types/src/ui/InputFields/DateTimeFieldMask/types/index.d.ts +4 -0
  50. package/dist/types/src/ui/InputFields/DateTimeFieldMask/ui/DateTimeFieldMask.d.ts +1 -1
  51. package/dist/types/src/ui/InputFields/DateTimeRangeField/types/DateRangeFieldTypes.d.ts +1 -0
  52. package/dist/types/src/ui/InputFields/DateTimeRangeField/types/TimeRangeFieldTypes.d.ts +1 -0
  53. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
  54. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateTimeRangeField.d.ts +1 -1
  55. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +1 -1
  56. package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +4 -0
  57. package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts +1 -0
  58. package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts +1 -0
  59. package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +6 -1
  60. package/dist/types/src/ui/MicroButton/types/MicroButtonTypes.d.ts +1 -1
  61. package/dist/types/src/ui/PaginationBar/types/PageSwitcherTypes.d.ts +1 -0
  62. package/dist/types/src/ui/PaginationBar/types/PaginationBarTypes.d.ts +1 -0
  63. package/dist/types/src/ui/PaginationBar/ui/PageSwitcher.d.ts +1 -1
  64. package/dist/types/src/ui/PaginationBar/ui/PaginationBar.d.ts +1 -1
  65. package/dist/types/src/ui/TabButtons/types/TabButtonsTypes.d.ts +1 -0
  66. package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts +1 -1
  67. package/dist/types/src/ui/TabFrame/types/TabFrameTypes.d.ts +1 -0
  68. package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts +1 -1
  69. package/dist/types/src/ui/Toggle/types/ToggleTypes.d.ts +1 -0
  70. package/dist/types/src/ui/ToggleBase/types/ToggleBaseTypes.d.ts +1 -0
  71. package/dist/types/src/ui/ToggleBase/ui/ToggleBase.d.ts +1 -1
  72. package/package.json +1 -1
@@ -35,5 +35,6 @@ export type SelectFieldPropsType<T = unknown, Multiple extends boolean = boolean
35
35
  * Позволяет самому прописать логику подсветки выбранных options
36
36
  * */
37
37
  isActiveItem?: (item: T) => boolean;
38
+ theme?: "light" | "dark";
38
39
  };
39
40
  export {};
@@ -1,3 +1,8 @@
1
1
  import React from "react";
2
2
  import { MediaViewerPropsType } from "../types";
3
- export declare const MediaViewer: React.ForwardRefExoticComponent<MediaViewerPropsType & React.RefAttributes<HTMLDivElement>>;
3
+ type RefType = {
4
+ obj: HTMLDivElement | null;
5
+ changeCurMedia: (idx: number, instance?: boolean) => void;
6
+ };
7
+ export declare const MediaViewer: React.ForwardRefExoticComponent<MediaViewerPropsType & React.RefAttributes<RefType>>;
8
+ export {};
@@ -1,6 +1,6 @@
1
1
  import React, { ReactElement, ReactNode } from "react";
2
2
  export type MicroButtonSizeType = '14' | '16' | '20' | '24' | '28';
3
- export type MicroButtonColorsType = 'light' | 'dark' | 'gray' | 'color' | 'color-hover' | 'red-hover' | 'color-fill' | 'gray-fill' | 'red-fill' | 'blue-light';
3
+ export type MicroButtonColorsType = 'light' | 'dark' | 'gray' | 'color' | 'color-hover' | 'red-hover' | 'color-fill' | 'gray-fill' | 'red-fill' | 'blue-light' | 'rose';
4
4
  export type MicroButtonClassNameType = {
5
5
  button?: string;
6
6
  light?: string;
@@ -5,4 +5,5 @@ export type PageSwitcherPropsType = {
5
5
  prev?: () => void;
6
6
  onChange?: (page: number) => void;
7
7
  smallVersion?: boolean;
8
+ theme?: "light" | "dark";
8
9
  };
@@ -8,4 +8,5 @@ export type PaginationBarPropsType = {
8
8
  canLoadMore?: () => boolean;
9
9
  loadMoreButton?: boolean;
10
10
  smallVersion?: boolean;
11
+ theme?: "light" | "dark";
11
12
  };
@@ -1,2 +1,2 @@
1
1
  import { PageSwitcherPropsType } from "../types";
2
- export declare function PageSwitcher({ curPage, numPage, next, prev, onChange, smallVersion, }: PageSwitcherPropsType): JSX.Element;
2
+ export declare function PageSwitcher({ curPage, numPage, next, prev, onChange, smallVersion, theme }: PageSwitcherPropsType): JSX.Element;
@@ -1,2 +1,2 @@
1
1
  import { PaginationBarPropsType } from "../types";
2
- export declare function PaginationBar({ numPage, getCurPage, nextPage, changePage, prevPage, loadMore, canLoadMore, loadMoreButton, smallVersion, }: PaginationBarPropsType): JSX.Element;
2
+ export declare function PaginationBar({ numPage, getCurPage, nextPage, changePage, prevPage, loadMore, canLoadMore, loadMoreButton, smallVersion, theme, }: PaginationBarPropsType): JSX.Element;
@@ -20,4 +20,5 @@ export type TabButtonsPropsType = Omit<React.ButtonHTMLAttributes<HTMLButtonElem
20
20
  height?: DimensionType;
21
21
  /** Дополнительные имена стилей */
22
22
  additionStyles?: string | string[];
23
+ theme?: "light" | "dark";
23
24
  };
@@ -1,2 +1,2 @@
1
1
  import { TabButtonsPropsType } from '../types';
2
- export declare function TabButtons({ active, iconLeft, iconRight, disabled, text, children, customComponent, height, width, additionStyles, ...props }: TabButtonsPropsType): JSX.Element;
2
+ export declare function TabButtons({ active, iconLeft, iconRight, disabled, text, children, customComponent, height, width, additionStyles, theme, ...props }: TabButtonsPropsType): JSX.Element;
@@ -6,4 +6,5 @@ export type TabFramePropsType = {
6
6
  width?: 'fill' | 'hug';
7
7
  /** Дополнительные имена стилей */
8
8
  additionStyles?: string | string[];
9
+ theme?: 'light' | 'dark';
9
10
  };
@@ -1,2 +1,2 @@
1
1
  import { TabFramePropsType } from '../types';
2
- export declare function TabFrame({ width, tabs, additionStyles }: TabFramePropsType): JSX.Element;
2
+ export declare function TabFrame({ width, tabs, additionStyles, theme }: TabFramePropsType): JSX.Element;
@@ -33,5 +33,6 @@ export type TogglePropsType = {
33
33
  * Элемент после text
34
34
  * */
35
35
  textAfterElement?: AdditionElementType;
36
+ theme?: "light" | "dark";
36
37
  };
37
38
  export {};
@@ -13,4 +13,5 @@ export type ToggleBasePropsType = {
13
13
  * Включает обертку в ```<button>```, иначе обернет в ```<span>```.
14
14
  * */
15
15
  isButton?: boolean;
16
+ theme?: "light" | "dark";
16
17
  };
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { ToggleBasePropsType } from "../types";
3
- export declare function ToggleBase({ active, onClick, error, size, hover, disabled, isButton, }: ToggleBasePropsType): React.FunctionComponentElement<any>;
3
+ export declare function ToggleBase(props: ToggleBasePropsType): React.FunctionComponentElement<any>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.1.38",
3
+ "version": "0.1.40",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",