@infomaximum/ui-kit 0.14.6 → 0.14.8
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.
- package/dist/components/Button/Button.styles.d.ts +2 -2
- package/dist/components/Tabs/components/TabBar/TabBar.styles.js +1 -1
- package/dist/components/Tag/Tag.js +3 -2
- package/dist/components/Tag/Tag.types.d.ts +1 -0
- package/dist/contexts/themeContext.d.ts +1 -1
- package/dist/hooks/useTheme/useTheme.d.ts +1 -1
- package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts +1 -1
- package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js +1 -1
- package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts +1 -1
- package/dist/themes/themes.d.ts +1 -1
- package/dist/themes/themes.utils.d.ts +2 -2
- package/package.json +1 -1
|
@@ -114,7 +114,7 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
114
114
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
115
115
|
bgFloat: "#FFFFFF";
|
|
116
116
|
bgFloatContrast: "#262626";
|
|
117
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
117
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
118
118
|
textPrimary: "#262626";
|
|
119
119
|
textComplimentary: "#595959";
|
|
120
120
|
textSecondary: "#8C8C8C";
|
|
@@ -720,7 +720,7 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
720
720
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
721
721
|
bgFloat: "#FFFFFF";
|
|
722
722
|
bgFloatContrast: "#262626";
|
|
723
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
723
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
724
724
|
textPrimary: "#262626";
|
|
725
725
|
textComplimentary: "#595959";
|
|
726
726
|
textSecondary: "#8C8C8C";
|
|
@@ -51,7 +51,7 @@ const getTabBarStyle = (size, border, iconOnly, isDragging) => {
|
|
|
51
51
|
},
|
|
52
52
|
more: (theme) => {
|
|
53
53
|
const tabsTokens = getTabsTokens(theme);
|
|
54
|
-
const moreItemSize = isMiddleSize ? tabsTokens.tabsSizeM : tabsTokens.
|
|
54
|
+
const moreItemSize = isMiddleSize ? tabsTokens.tabsSizeM : tabsTokens.tabsSizeS;
|
|
55
55
|
return {
|
|
56
56
|
height: moreItemSize,
|
|
57
57
|
width: moreItemSize,
|
|
@@ -12,6 +12,7 @@ const TagComponent = memo(({
|
|
|
12
12
|
children,
|
|
13
13
|
styles,
|
|
14
14
|
className,
|
|
15
|
+
closeIconTestId,
|
|
15
16
|
...spanProps
|
|
16
17
|
}) => {
|
|
17
18
|
var _a, _b;
|
|
@@ -30,9 +31,9 @@ const TagComponent = memo(({
|
|
|
30
31
|
if (isClosed) {
|
|
31
32
|
return null;
|
|
32
33
|
}
|
|
33
|
-
return /* @__PURE__ */ jsxs("span", { ...spanProps, css: [tagDefaultStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TagComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
return /* @__PURE__ */ jsxs("span", { ...spanProps, css: [tagDefaultStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TagComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBUYWdGdWxsVHlwZSwgVGFnUHJvcHMgfSBmcm9tIFwiLi9UYWcudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRUYWdEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9UYWcuc3R5bGVzXCI7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgQ2hlY2thYmxlIH0gZnJvbSBcIi4vY29tcG9uZW50cy9DaGVja2FibGUvQ2hlY2thYmxlXCI7XG5cbmV4cG9ydCBjb25zdCBUYWdDb21wb25lbnQ6IEZDPFRhZ1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgY29sb3IgPSBcIm5ldXRyYWxcIixcbiAgICB0eXBlID0gXCJvdXRsaW5lZFwiLFxuICAgIGNsb3NhYmxlID0gZmFsc2UsXG4gICAgb25DbG9zZSxcbiAgICBjaGlsZHJlbixcbiAgICBzdHlsZXMsXG4gICAgY2xhc3NOYW1lLFxuICAgIGNsb3NlSWNvblRlc3RJZCxcbiAgICAuLi5zcGFuUHJvcHNcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbaXNDbG9zZWQsIHNldElzQ2xvc2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIGNvbnN0IHRhZ0RlZmF1bHRTdHlsZSA9IGdldFRhZ0RlZmF1bHRTdHlsZSh7IGNvbG9yLCB0eXBlLCBjbG9zYWJsZSB9KTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgb25DbG9zZT8uKGUpO1xuICAgICAgICBzZXRJc0Nsb3NlZCh0cnVlKTtcbiAgICAgIH0sXG4gICAgICBbb25DbG9zZV1cbiAgICApO1xuXG4gICAgaWYgKGlzQ2xvc2VkKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgey4uLnNwYW5Qcm9wc31cbiAgICAgICAgY3NzPXtbdGFnRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgIGNzcz17W3RhZ0RlZmF1bHRTdHlsZS5jbG9zZUljb24odGhlbWUpLCBzdHlsZXM/LmNsb3NlSWNvbj8uKHRoZW1lKV19XG4gICAgICAgICAgICB0ZXN0LWlkPXtjbG9zZUljb25UZXN0SWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENsb3NlT3V0bGluZWQgLz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuKTtcblxuY29uc3QgVGFnV2l0aENoZWNrYWJsZSA9IFRhZ0NvbXBvbmVudCBhcyBUYWdGdWxsVHlwZTtcblRhZ1dpdGhDaGVja2FibGUuQ2hlY2thYmxlID0gQ2hlY2thYmxlO1xuXG5leHBvcnQgY29uc3QgVGFnID0gVGFnV2l0aENoZWNrYWJsZTtcbiJdfQ== */"], className, children: [
|
|
34
35
|
children,
|
|
35
|
-
closable && /* @__PURE__ */ jsx("span", { onClick: handleClick, css: [tagDefaultStyle.closeIcon(theme), (_b = styles == null ? void 0 : styles.closeIcon) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TagComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
closable && /* @__PURE__ */ jsx("span", { onClick: handleClick, css: [tagDefaultStyle.closeIcon(theme), (_b = styles == null ? void 0 : styles.closeIcon) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TagComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBUYWdGdWxsVHlwZSwgVGFnUHJvcHMgfSBmcm9tIFwiLi9UYWcudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRUYWdEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9UYWcuc3R5bGVzXCI7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgQ2hlY2thYmxlIH0gZnJvbSBcIi4vY29tcG9uZW50cy9DaGVja2FibGUvQ2hlY2thYmxlXCI7XG5cbmV4cG9ydCBjb25zdCBUYWdDb21wb25lbnQ6IEZDPFRhZ1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgY29sb3IgPSBcIm5ldXRyYWxcIixcbiAgICB0eXBlID0gXCJvdXRsaW5lZFwiLFxuICAgIGNsb3NhYmxlID0gZmFsc2UsXG4gICAgb25DbG9zZSxcbiAgICBjaGlsZHJlbixcbiAgICBzdHlsZXMsXG4gICAgY2xhc3NOYW1lLFxuICAgIGNsb3NlSWNvblRlc3RJZCxcbiAgICAuLi5zcGFuUHJvcHNcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbaXNDbG9zZWQsIHNldElzQ2xvc2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIGNvbnN0IHRhZ0RlZmF1bHRTdHlsZSA9IGdldFRhZ0RlZmF1bHRTdHlsZSh7IGNvbG9yLCB0eXBlLCBjbG9zYWJsZSB9KTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgb25DbG9zZT8uKGUpO1xuICAgICAgICBzZXRJc0Nsb3NlZCh0cnVlKTtcbiAgICAgIH0sXG4gICAgICBbb25DbG9zZV1cbiAgICApO1xuXG4gICAgaWYgKGlzQ2xvc2VkKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgey4uLnNwYW5Qcm9wc31cbiAgICAgICAgY3NzPXtbdGFnRGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgIGNzcz17W3RhZ0RlZmF1bHRTdHlsZS5jbG9zZUljb24odGhlbWUpLCBzdHlsZXM/LmNsb3NlSWNvbj8uKHRoZW1lKV19XG4gICAgICAgICAgICB0ZXN0LWlkPXtjbG9zZUljb25UZXN0SWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENsb3NlT3V0bGluZWQgLz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICl9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuKTtcblxuY29uc3QgVGFnV2l0aENoZWNrYWJsZSA9IFRhZ0NvbXBvbmVudCBhcyBUYWdGdWxsVHlwZTtcblRhZ1dpdGhDaGVja2FibGUuQ2hlY2thYmxlID0gQ2hlY2thYmxlO1xuXG5leHBvcnQgY29uc3QgVGFnID0gVGFnV2l0aENoZWNrYWJsZTtcbiJdfQ== */"], "test-id": closeIconTestId, children: /* @__PURE__ */ jsx(CloseOutlined, {}) })
|
|
36
37
|
] });
|
|
37
38
|
});
|
|
38
39
|
const TagWithCheckable = TagComponent;
|
|
@@ -16,6 +16,7 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
16
16
|
};
|
|
17
17
|
onClose?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
18
18
|
children?: ReactNode | string;
|
|
19
|
+
closeIconTestId?: string;
|
|
19
20
|
}
|
|
20
21
|
export type TagDefaultStylesProps = Required<Pick<TagProps, "color" | "type" | "closable">>;
|
|
21
22
|
export type TagFullType = typeof TagComponent & {
|
|
@@ -112,7 +112,7 @@ export declare const ThemeContext: import('react').Context<{
|
|
|
112
112
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
113
113
|
bgFloat: "#FFFFFF";
|
|
114
114
|
bgFloatContrast: "#262626";
|
|
115
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
115
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
116
116
|
textPrimary: "#262626";
|
|
117
117
|
textComplimentary: "#595959";
|
|
118
118
|
textSecondary: "#8C8C8C";
|
|
@@ -112,7 +112,7 @@ export declare const useTheme: () => {
|
|
|
112
112
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
113
113
|
bgFloat: "#FFFFFF";
|
|
114
114
|
bgFloatContrast: "#262626";
|
|
115
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
115
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
116
116
|
textPrimary: "#262626";
|
|
117
117
|
textComplimentary: "#595959";
|
|
118
118
|
textSecondary: "#8C8C8C";
|
package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts
CHANGED
|
@@ -20,6 +20,6 @@ export declare const backgroundColorTokens: {
|
|
|
20
20
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
21
21
|
bgFloat: "#FFFFFF";
|
|
22
22
|
bgFloatContrast: "#262626";
|
|
23
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
23
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
24
24
|
};
|
|
25
25
|
};
|
package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js
CHANGED
|
@@ -21,7 +21,7 @@ const backgroundColorTokens = {
|
|
|
21
21
|
bgRailHover: baseColorTokens.transparentBlack12,
|
|
22
22
|
bgFloat: baseColorTokens.neutral10,
|
|
23
23
|
bgFloatContrast: baseColorTokens.neutral100,
|
|
24
|
-
bgMask: baseColorTokens.
|
|
24
|
+
bgMask: baseColorTokens.transparentBlack40
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
export {
|
|
@@ -90,7 +90,7 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
|
|
|
90
90
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
91
91
|
bgFloat: "#FFFFFF";
|
|
92
92
|
bgFloatContrast: "#262626";
|
|
93
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
93
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
94
94
|
textPrimary: "#262626";
|
|
95
95
|
textComplimentary: "#595959";
|
|
96
96
|
textSecondary: "#8C8C8C";
|
package/dist/themes/themes.d.ts
CHANGED
|
@@ -112,7 +112,7 @@ export declare const themeMap: Map<"light", {
|
|
|
112
112
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
113
113
|
bgFloat: "#FFFFFF";
|
|
114
114
|
bgFloatContrast: "#262626";
|
|
115
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
115
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
116
116
|
textPrimary: "#262626";
|
|
117
117
|
textComplimentary: "#595959";
|
|
118
118
|
textSecondary: "#8C8C8C";
|
|
@@ -113,7 +113,7 @@ export declare const getTheme: (themeName: ThemeNames) => {
|
|
|
113
113
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
114
114
|
bgFloat: "#FFFFFF";
|
|
115
115
|
bgFloatContrast: "#262626";
|
|
116
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
116
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
117
117
|
textPrimary: "#262626";
|
|
118
118
|
textComplimentary: "#595959";
|
|
119
119
|
textSecondary: "#8C8C8C";
|
|
@@ -478,7 +478,7 @@ export declare const lightTheme: {
|
|
|
478
478
|
bgRailHover: `rgba(${number}, ${number}, ${number}, 0.12)`;
|
|
479
479
|
bgFloat: "#FFFFFF";
|
|
480
480
|
bgFloatContrast: "#262626";
|
|
481
|
-
bgMask: `rgba(${number}, ${number}, ${number}, 0.
|
|
481
|
+
bgMask: `rgba(${number}, ${number}, ${number}, 0.4)`;
|
|
482
482
|
textPrimary: "#262626";
|
|
483
483
|
textComplimentary: "#595959";
|
|
484
484
|
textSecondary: "#8C8C8C";
|