@true-engineering/true-react-common-ui-kit 4.0.0-alpha4 → 4.0.0-alpha40

package/dist/style.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
-.react-datepicker__year-read-view--down-arrow,
+.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
 .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
+.react-datepicker__month-year-read-view--down-arrow {
   border-color: #ccc;
   border-style: solid;
   border-width: 3px 3px 0 0;
@@ -12,58 +12,6 @@
   top: 6px;
   width: 9px;
 }
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  margin-left: -4px;
-  position: absolute;
-  width: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  box-sizing: content-box;
-  position: absolute;
-  border: 8px solid transparent;
-  height: 0;
-  width: 1px;
-  content: "";
-  z-index: -1;
-  border-width: 8px;
-  left: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  border-bottom-color: #aeaeae;
-}
-
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  top: 0;
-  margin-top: -8px;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  border-top: none;
-  border-bottom-color: #f0f0f0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  top: 0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  top: -1px;
-  border-bottom-color: #aeaeae;
-}
-
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
-  bottom: 0;
-  margin-bottom: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  border-bottom: none;
-  border-top-color: #fff;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  bottom: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
-  bottom: -1px;
-  border-top-color: #aeaeae;
-}
-
 .react-datepicker-wrapper {
   display: inline-block;
   padding: 0;
@@ -79,11 +27,9 @@
   border-radius: 0.3rem;
   display: inline-block;
   position: relative;
+  line-height: initial;
 }
 
-.react-datepicker--time-only .react-datepicker__triangle {
-  left: 35px;
-}
 .react-datepicker--time-only .react-datepicker__time-container {
   border-left: 0;
 }
@@ -93,37 +39,20 @@
   border-bottom-right-radius: 0.3rem;
 }
 
-.react-datepicker__triangle {
-  position: absolute;
-  left: 50px;
-}
-
 .react-datepicker-popper {
   z-index: 1;
+  line-height: 0;
 }
-.react-datepicker-popper[data-placement^=bottom] {
-  padding-top: 10px;
-}
-.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
-  left: auto;
-  right: 50px;
-}
-.react-datepicker-popper[data-placement^=top] {
-  padding-bottom: 10px;
+.react-datepicker-popper .react-datepicker__triangle {
+  stroke: #aeaeae;
 }
-.react-datepicker-popper[data-placement^=right] {
-  padding-left: 8px;
-}
-.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
-  left: auto;
-  right: 42px;
-}
-.react-datepicker-popper[data-placement^=left] {
-  padding-right: 8px;
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
 }
-.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
-  left: 42px;
-  right: auto;
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
 }
 
 .react-datepicker__header {
@@ -165,6 +94,11 @@
   font-size: 0.944rem;
 }
 
+h2.react-datepicker__current-month {
+  padding: 0;
+  margin: 0;
+}
+
 .react-datepicker-time__header {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -211,7 +145,7 @@
   top: -4px;
 }
 .react-datepicker__navigation:hover *::before {
-  border-color: #a6a6a6;
+  border-color: rgb(165.75, 165.75, 165.75);
 }
 
 .react-datepicker__navigation-icon {
@@ -369,8 +303,7 @@
 .react-datepicker__week-number.react-datepicker__week-number--clickable {
   cursor: pointer;
 }
-.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
-.react-datepicker__week-number--keyboard-selected):hover {
+.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
@@ -380,15 +313,7 @@
   color: #fff;
 }
 .react-datepicker__week-number--selected:hover {
-  background-color: #1d5d90;
-}
-.react-datepicker__week-number--keyboard-selected {
-  border-radius: 0.3rem;
-  background-color: #2a87d0;
-  color: #fff;
-}
-.react-datepicker__week-number--keyboard-selected:hover {
-  background-color: #1d5d90;
+  background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 
 .react-datepicker__day-names {
@@ -417,10 +342,10 @@
 .react-datepicker__year-text {
   cursor: pointer;
 }
-.react-datepicker__day:hover,
-.react-datepicker__month-text:hover,
-.react-datepicker__quarter-text:hover,
-.react-datepicker__year-text:hover {
+.react-datepicker__day:not([aria-disabled=true]):hover,
+.react-datepicker__month-text:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
+.react-datepicker__year-text:not([aria-disabled=true]):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
@@ -438,11 +363,11 @@
   background-color: #3dcc4a;
   color: #fff;
 }
-.react-datepicker__day--highlighted:hover,
-.react-datepicker__month-text--highlighted:hover,
-.react-datepicker__quarter-text--highlighted:hover,
-.react-datepicker__year-text--highlighted:hover {
-  background-color: #32be3f;
+.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
+  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
 }
 .react-datepicker__day--highlighted-custom-1,
 .react-datepicker__month-text--highlighted-custom-1,
@@ -465,10 +390,10 @@
   background-color: #ff6803;
   color: #fff;
 }
-.react-datepicker__day--holidays .holiday-overlay,
-.react-datepicker__month-text--holidays .holiday-overlay,
-.react-datepicker__quarter-text--holidays .holiday-overlay,
-.react-datepicker__year-text--holidays .holiday-overlay {
+.react-datepicker__day--holidays .overlay,
+.react-datepicker__month-text--holidays .overlay,
+.react-datepicker__quarter-text--holidays .overlay,
+.react-datepicker__year-text--holidays .overlay {
   position: absolute;
   bottom: 100%;
   left: 50%;
@@ -482,16 +407,16 @@
   opacity: 0;
   transition: visibility 0s, opacity 0.3s ease-in-out;
 }
-.react-datepicker__day--holidays:hover,
-.react-datepicker__month-text--holidays:hover,
-.react-datepicker__quarter-text--holidays:hover,
-.react-datepicker__year-text--holidays:hover {
-  background-color: #cf5300;
+.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
+  background-color: rgb(207, 82.9642857143, 0);
 }
-.react-datepicker__day--holidays:hover .holiday-overlay,
-.react-datepicker__month-text--holidays:hover .holiday-overlay,
-.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
-.react-datepicker__year-text--holidays:hover .holiday-overlay {
+.react-datepicker__day--holidays:hover .overlay,
+.react-datepicker__month-text--holidays:hover .overlay,
+.react-datepicker__quarter-text--holidays:hover .overlay,
+.react-datepicker__year-text--holidays:hover .overlay {
   visibility: visible;
   opacity: 1;
 }
@@ -509,31 +434,31 @@
   background-color: #216ba5;
   color: #fff;
 }
-.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
-.react-datepicker__month-text--selected:hover,
-.react-datepicker__month-text--in-selecting-range:hover,
-.react-datepicker__month-text--in-range:hover,
-.react-datepicker__quarter-text--selected:hover,
-.react-datepicker__quarter-text--in-selecting-range:hover,
-.react-datepicker__quarter-text--in-range:hover,
-.react-datepicker__year-text--selected:hover,
-.react-datepicker__year-text--in-selecting-range:hover,
-.react-datepicker__year-text--in-range:hover {
-  background-color: #1d5d90;
+.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
+  background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 .react-datepicker__day--keyboard-selected,
 .react-datepicker__month-text--keyboard-selected,
 .react-datepicker__quarter-text--keyboard-selected,
 .react-datepicker__year-text--keyboard-selected {
   border-radius: 0.3rem;
-  background-color: #bad9f1;
+  background-color: rgb(186.25, 217.0833333333, 241.25);
   color: rgb(0, 0, 0);
 }
-.react-datepicker__day--keyboard-selected:hover,
-.react-datepicker__month-text--keyboard-selected:hover,
-.react-datepicker__quarter-text--keyboard-selected:hover,
-.react-datepicker__year-text--keyboard-selected:hover {
-  background-color: #1d5d90;
+.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
+.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
+.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
+.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
+  background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
 .react-datepicker__month-text--in-range,
@@ -594,11 +519,22 @@
   cursor: default;
   color: #ccc;
 }
-.react-datepicker__day--disabled:hover,
-.react-datepicker__month-text--disabled:hover,
-.react-datepicker__quarter-text--disabled:hover,
-.react-datepicker__year-text--disabled:hover {
-  background-color: transparent;
+.react-datepicker__day--disabled .overlay,
+.react-datepicker__month-text--disabled .overlay,
+.react-datepicker__quarter-text--disabled .overlay,
+.react-datepicker__year-text--disabled .overlay {
+  position: absolute;
+  bottom: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 
 .react-datepicker__input-container {
@@ -634,7 +570,7 @@
 .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
 .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
 .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
-  border-top-color: #b3b3b3;
+  border-top-color: rgb(178.5, 178.5, 178.5);
 }
 .react-datepicker__year-read-view--down-arrow,
 .react-datepicker__month-read-view--down-arrow,
@@ -702,12 +638,12 @@
 .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
 .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
 .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
-  border-bottom-color: #b3b3b3;
+  border-bottom-color: rgb(178.5, 178.5, 178.5);
 }
 .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
 .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
 .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
-  border-top-color: #b3b3b3;
+  border-top-color: rgb(178.5, 178.5, 178.5);
 }
 .react-datepicker__year-option--selected,
 .react-datepicker__month-option--selected,

package/dist/theme/Provider.d.ts

@@ -1,11 +1,14 @@
-import { FC, ReactNode } from 'react';
-import { IUiKitTheme } from './types';
-export interface IThemedProviderProps {
-    theme: IUiKitTheme;
-    children: ReactNode;
-}
-export declare const getTheme: () => IUiKitTheme;
-export declare const ThemeContext: import("react").Context<{
-    theme: IUiKitTheme;
-}>;
-export declare const ThemeProvider: FC<IThemedProviderProps>;
+import { FC, ReactNode } from 'react';
+import type { IUiKitTheme } from './types';
+export interface IThemedProviderProps {
+    theme: IUiKitTheme;
+    children: ReactNode;
+}
+export declare const getTheme: () => IUiKitTheme;
+interface ThemeContextValue {
+    theme: IUiKitTheme;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextValue>;
+export declare const ThemeProvider: FC<IThemedProviderProps>;
+export declare const useTheme: () => IUiKitTheme;
+export {};

package/dist/theme/common.d.ts

@@ -1,113 +1,113 @@
-import { Styles } from 'react-jss';
-import { IUiKitTheme } from './types';
-export declare const colors: {
-    readonly FONT_MAIN: "#222a37";
-    readonly FONT_MEDIUM: "#505f79";
-    readonly FONT_LABEL: "#7a869a";
-    readonly FONT_DISABLED: "#95a0b3";
-    readonly GREY_ACTIVE: "#95a0b3";
-    readonly BORDER_MAIN: "#d0d6e1";
-    readonly BORDER_LIGHT: "#dde3ed";
-    readonly GREY_HOVER: "#dde3ed";
-    readonly GREY_FOCUS: "#eceff5";
-    readonly GREY_DISABLED: "#eceff5";
-    readonly GREY_BACKGROUND: "#f6f8fc";
-    readonly CLASSIC_WHITE: "#ffffff";
-    readonly RED_ACTIVE: "#912e34";
-    readonly RED_HOVER: "#c13e45";
-    readonly RED_WARNING: "#f14d56";
-    readonly RED_WARNING_LIGHT: "#ff6261";
-    readonly RED_BACKGROUND: "#feedee";
-    readonly ORANGE_BACKGROUND: "#fff4e9";
-    readonly GREEN_BACKGROUND: "#f4f9e6";
-    readonly BLUE_BACKGROUND: "#ebf1ff";
-    readonly GREEN_FOCUS: "#97ba1e";
-    readonly ORANGE_FOCUS: "#ff991f";
-};
-export declare const dimensions: {
-    readonly BORDER_RADIUS_LARGE: 16;
-    readonly BORDER_RADIUS_MEDIUM: 12;
-    readonly BORDER_RADIUS_STD: 8;
-    readonly BORDER_RADIUS_SMALL: 6;
-    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
-    readonly CONTROL: {
-        readonly HEIGHT: 48;
-        readonly PADDING: 16;
-        readonly ICON_SIZE: 24;
-        readonly ICON_INNER_SIZE: 24;
-        readonly ICON_GAP: 8;
-    };
-    readonly Z_INDEX: {
-        readonly CONTROL_INVALID: 1;
-        readonly CONTROL_FOCUS: 2;
-    };
-};
-export declare const helpers: {
-    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
-    withScrollBar: {
-        boxSizing: string;
-        overflow: string;
-        '@supports selector(::-webkit-scrollbar)': {
-            '--webkit-scrollbar-width': string;
-            '--webkit-scrollbar-height': string;
-            '&::-webkit-scrollbar': {
-                width: string;
-                height: string;
-                '&-thumb': {
-                    width: number;
-                    minHeight: number;
-                    border: (string | number)[];
-                    borderRadius: number;
-                    backgroundColor: "#d0d6e1";
-                    backgroundClip: "padding-box";
-                    '&:hover': {
-                        backgroundColor: "#95a0b3";
-                    };
-                };
-                '&-track-piece': {
-                    backgroundColor: "transparent";
-                };
-                '&-corner': {
-                    backgroundColor: "transparent";
-                };
-            };
-        };
-        '@supports not selector(::-webkit-scrollbar)': {
-            scrollbarWidth: "thin";
-            scrollbarColor: "#d0d6e1 transparent";
-        };
-    };
-};
-export declare const SLIDE_UP_ANIMATION_DURATION = 150;
-export declare const animations: {
-    defaultTransition: string;
-    slideUp: {
-        'slide-up-enter': {
-            opacity: number;
-            transform: string;
-        };
-        'slide-up-enter-active': {
-            opacity: number;
-            transform: string;
-            transition: string;
-            transitionProperty: string;
-        };
-        'slide-up-exit-active': {
-            opacity: number;
-            transform: string;
-        };
-        'slide-up-exit': {
-            opacity: number;
-            transform: string;
-            transition: string;
-            transitionProperty: string;
-        };
-    };
-};
-export interface ICommonUiKitTheme extends IUiKitTheme {
-    colors: typeof colors;
-    dimensions: typeof dimensions;
-    helpers: typeof helpers;
-    animations: typeof animations;
-}
-export declare const common: ICommonUiKitTheme;
+import { Styles } from 'react-jss';
+import { IUiKitTheme } from './types';
+export declare const colors: {
+    readonly FONT_MAIN: "#222a37";
+    readonly FONT_MEDIUM: "#505f79";
+    readonly FONT_LABEL: "#7a869a";
+    readonly FONT_DISABLED: "#95a0b3";
+    readonly GREY_ACTIVE: "#95a0b3";
+    readonly BORDER_MAIN: "#d0d6e1";
+    readonly BORDER_LIGHT: "#dde3ed";
+    readonly GREY_HOVER: "#dde3ed";
+    readonly GREY_FOCUS: "#eceff5";
+    readonly GREY_DISABLED: "#eceff5";
+    readonly GREY_BACKGROUND: "#f6f8fc";
+    readonly CLASSIC_WHITE: "#ffffff";
+    readonly RED_ACTIVE: "#912e34";
+    readonly RED_HOVER: "#c13e45";
+    readonly RED_WARNING: "#f14d56";
+    readonly RED_WARNING_LIGHT: "#ff6261";
+    readonly RED_BACKGROUND: "#feedee";
+    readonly ORANGE_BACKGROUND: "#fff4e9";
+    readonly GREEN_BACKGROUND: "#f4f9e6";
+    readonly BLUE_BACKGROUND: "#ebf1ff";
+    readonly GREEN_FOCUS: "#97ba1e";
+    readonly ORANGE_FOCUS: "#ff991f";
+};
+export declare const dimensions: {
+    readonly BORDER_RADIUS_LARGE: 16;
+    readonly BORDER_RADIUS_MEDIUM: 12;
+    readonly BORDER_RADIUS_STD: 8;
+    readonly BORDER_RADIUS_SMALL: 6;
+    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
+    readonly CONTROL: {
+        readonly HEIGHT: 48;
+        readonly PADDING: 16;
+        readonly ICON_SIZE: 24;
+        readonly ICON_INNER_SIZE: 24;
+        readonly ICON_GAP: 8;
+    };
+    readonly Z_INDEX: {
+        readonly CONTROL_INVALID: 1;
+        readonly CONTROL_FOCUS: 2;
+    };
+};
+export declare const helpers: {
+    withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
+    withScrollBar: {
+        boxSizing: string;
+        overflow: string;
+        '@supports selector(::-webkit-scrollbar)': {
+            '--webkit-scrollbar-width': string;
+            '--webkit-scrollbar-height': string;
+            '&::-webkit-scrollbar': {
+                width: string;
+                height: string;
+                '&-thumb': {
+                    width: number;
+                    minHeight: number;
+                    border: (string | number)[];
+                    borderRadius: number;
+                    backgroundColor: "#d0d6e1";
+                    backgroundClip: "padding-box";
+                    '&:hover': {
+                        backgroundColor: "#95a0b3";
+                    };
+                };
+                '&-track-piece': {
+                    backgroundColor: "transparent";
+                };
+                '&-corner': {
+                    backgroundColor: "transparent";
+                };
+            };
+        };
+        '@supports not selector(::-webkit-scrollbar)': {
+            scrollbarWidth: "thin";
+            scrollbarColor: "#d0d6e1 transparent";
+        };
+    };
+};
+export declare const SLIDE_UP_ANIMATION_DURATION = 150;
+export declare const animations: {
+    defaultTransition: string;
+    slideUp: {
+        'slide-up-enter': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-enter-active': {
+            opacity: number;
+            transform: string;
+            transition: string;
+            transitionProperty: string;
+        };
+        'slide-up-exit-active': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-exit': {
+            opacity: number;
+            transform: string;
+            transition: string;
+            transitionProperty: string;
+        };
+    };
+};
+export interface ICommonUiKitTheme extends IUiKitTheme {
+    colors: typeof colors;
+    dimensions: typeof dimensions;
+    helpers: typeof helpers;
+    animations: typeof animations;
+}
+export declare const common: ICommonUiKitTheme;

package/dist/theme/create-themed-styles.d.ts

@@ -0,0 +1,2 @@
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare function createThemedStyles<C extends string>(...args: [IStyles<C>] | [IComponentName, IStyles<C>]): IUseStyles<C>;

package/dist/theme/helpers.d.ts

@@ -1,10 +1,16 @@
-import { IComponentName, IStyles, IUseStyles } from './types';
-export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
-/**
- * Подмешивает стили из темы. Мутирует, добавляя специально поле,
- * по которому можно определить была ли уже произведена мутация ранее,
- * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
- */
-export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
-export declare function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
-export declare function createThemedStyles<C extends string, P>(componentName: IComponentName, styles: IStyles<C, P>): IUseStyles<C, P>;
+import { IMaybeArray } from './types';
+export declare const isTweakStyle: (key: string) => boolean;
+export declare const isStylesNotEmpty: <T>(tweakStyles?: T | undefined) => tweakStyles is NonNullable<T>;
+export declare const cleanStyles: <T>(tweakStyles?: T | undefined) => T;
+export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T> | undefined) => T | undefined;
+export declare const checkStyles: (componentName: string, styles: Record<string, unknown>) => void;
+export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
+/**
+ * Подмешивает стили из темы. Мутирует, добавляя специально поле,
+ * по которому можно определить была ли уже произведена мутация ранее,
+ * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
+ */
+export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
+type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
+export declare const getTweakStylesCache: () => TweakStylesCache;
+export {};

package/dist/theme/index.d.ts

@@ -1,4 +1,6 @@
-export * from './Provider';
-export * from './common';
-export * from './types';
-export * from './helpers';
+export * from './Provider';
+export * from './true-jss';
+export * from './common';
+export * from './types';
+export * from './helpers';
+export * from './create-themed-styles';

package/dist/theme/true-jss/ThemedStylesManager.d.ts

@@ -0,0 +1,18 @@
+import type { Classes } from 'jss';
+import { IStyles } from '../types';
+import { IPartialStyle } from './TweakStylesManager';
+import { IJssContext } from './jss-context';
+interface IThemedStylesManagerOptions<C extends string> {
+    styles: IStyles<C>;
+    name: string;
+}
+export declare class ThemedStylesManager<C extends string> {
+    #private;
+    constructor({ styles, name }: IThemedStylesManagerOptions<C>);
+    getClasses(theme: object | undefined, tweak: IPartialStyle[], jssContext: IJssContext): Classes<C>;
+    manageTweak(theme: object | undefined, tweak: IPartialStyle[]): VoidFunction | undefined;
+    manage(theme?: object): VoidFunction | undefined;
+    private unmanage;
+    private getOrCreate;
+}
+export {};