@infomaximum/ui-kit 0.15.3 → 0.15.4

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 (13) hide show
  1. package/dist/components/BaseTooltip/hooks/useCustomFloating.js +7 -4
  2. package/dist/components/Button/Button.styles.d.ts +8 -6
  3. package/dist/components/Tabs/Tabs.js +4 -4
  4. package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts +1 -0
  5. package/dist/components/Tabs/components/TabBar/TabBar.styles.js +2 -0
  6. package/dist/contexts/themeContext.d.ts +4 -3
  7. package/dist/hooks/useTheme/useTheme.d.ts +4 -3
  8. package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts +4 -3
  9. package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js +4 -3
  10. package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts +4 -3
  11. package/dist/themes/themes.d.ts +4 -3
  12. package/dist/themes/themes.utils.d.ts +8 -6
  13. package/package.json +1 -1
package/dist/components/BaseTooltip/hooks/useCustomFloating.js CHANGED
@@ -15,11 +15,14 @@ const useCustomFloating = ({
15
15
  const convertedPlacement = convertBaseTooltipPlacement(placement);
16
16
  const isXMainAxis = isLeftSide(convertedPlacement) || isRightSide(convertedPlacement);
17
17
  useEffect(() => {
18
- var _a2, _b2, _c, _d, _e, _f;
19
- if (autoAdjustOverflow || ((_a2 = align == null ? void 0 : align.overflow) == null ? void 0 : _a2.adjustX) || ((_b2 = align == null ? void 0 : align.overflow) == null ? void 0 : _b2.adjustY)) {
18
+ var _a2, _b2;
19
+ const adjustX = ((_a2 = align == null ? void 0 : align.overflow) == null ? void 0 : _a2.adjustX) ?? autoAdjustOverflow;
20
+ const adjustY = ((_b2 = align == null ? void 0 : align.overflow) == null ? void 0 : _b2.adjustY) ?? autoAdjustOverflow;
21
+ const withFlip = adjustX || adjustY;
22
+ if (withFlip) {
20
23
  floatingMiddleware[0] = flip({
21
- mainAxis: isXMainAxis ? !!((_c = align == null ? void 0 : align.overflow) == null ? void 0 : _c.adjustX) : !!((_d = align == null ? void 0 : align.overflow) == null ? void 0 : _d.adjustY),
22
- crossAxis: isXMainAxis ? !!((_e = align == null ? void 0 : align.overflow) == null ? void 0 : _e.adjustY) : !!((_f = align == null ? void 0 : align.overflow) == null ? void 0 : _f.adjustX)
24
+ mainAxis: isXMainAxis ? adjustX : adjustY,
25
+ crossAxis: isXMainAxis ? adjustY : adjustX
23
26
  });
24
27
  }
25
28
  }, [align, (_a = align == null ? void 0 : align.overflow) == null ? void 0 : _a.adjustX, (_b = align == null ? void 0 : align.overflow) == null ? void 0 : _b.adjustY, arrowRef, autoAdjustOverflow, isXMainAxis]);
package/dist/components/Button/Button.styles.d.ts CHANGED
@@ -98,11 +98,12 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
98
98
  bgComplimentary: "#FAFAFA";
99
99
  bgSecondary: "#F0F0F0";
100
100
  bgContainer: "#FFFFFF";
101
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
102
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
101
+ bgContainerComplimentary: "#FAFAFA";
102
+ bgContainerSecondary: "#F0F0F0";
103
103
  bgContainerDisabled: "#F0F0F0";
104
104
  bgContainerDisabledContrast: "#D9D9D9";
105
- bgContainerComplimentary: "#FAFAFA";
105
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
106
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
106
107
  bgContainerInverse: "#262626";
107
108
  bgContainerInverseHover: "#434343";
108
109
  bgContainerInverseActive: "#1F1F1F";
@@ -704,11 +705,12 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
704
705
  bgComplimentary: "#FAFAFA";
705
706
  bgSecondary: "#F0F0F0";
706
707
  bgContainer: "#FFFFFF";
707
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
708
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
708
+ bgContainerComplimentary: "#FAFAFA";
709
+ bgContainerSecondary: "#F0F0F0";
709
710
  bgContainerDisabled: "#F0F0F0";
710
711
  bgContainerDisabledContrast: "#D9D9D9";
711
- bgContainerComplimentary: "#FAFAFA";
712
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
713
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
712
714
  bgContainerInverse: "#262626";
713
715
  bgContainerInverseHover: "#434343";
714
716
  bgContainerInverseActive: "#1F1F1F";
package/dist/components/Tabs/Tabs.js CHANGED
@@ -24,9 +24,9 @@ const Tabs = memo(({
24
24
  onTabClick,
25
25
  onTabScroll
26
26
  }) => {
27
- var _a, _b;
27
+ var _a, _b, _c;
28
28
  const theme = useTheme();
29
- const firstTab = items == null ? void 0 : items[0].key;
29
+ const firstTab = (_a = items == null ? void 0 : items[0]) == null ? void 0 : _a.key;
30
30
  const [localActiveKey, setLocalActiveKey] = useState(defaultActiveKey ?? firstTab);
31
31
  const [contentWrapper, setContentWrapper] = useState(null);
32
32
  const currentActiveKey = activeKey ?? localActiveKey;
@@ -51,9 +51,9 @@ const Tabs = memo(({
51
51
  onTabClick,
52
52
  onTabScroll
53
53
  };
54
- return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXS5rZXk7XG5cbiAgICBjb25zdCBbbG9jYWxBY3RpdmVLZXksIHNldExvY2FsQWN0aXZlS2V5XSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oXG4gICAgICBkZWZhdWx0QWN0aXZlS2V5ID8/IGZpcnN0VGFiXG4gICAgKTtcbiAgICBjb25zdCBbY29udGVudFdyYXBwZXIsIHNldENvbnRlbnRXcmFwcGVyXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgICBjb25zdCBjdXJyZW50QWN0aXZlS2V5ID0gYWN0aXZlS2V5ID8/IGxvY2FsQWN0aXZlS2V5O1xuICAgIGNvbnN0IGNvbnRlbnRXcmFwcGVyUmVmID0gKGVsZW1lbnQ6IEhUTUxEaXZFbGVtZW50KSA9PiBzZXRDb250ZW50V3JhcHBlcihlbGVtZW50KTtcblxuICAgIGNvbnN0IGNoYW5nZUFjdGl2ZUtleSA9IHVzZUNhbGxiYWNrKChpdGVtS2V5OiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExvY2FsQWN0aXZlS2V5KGl0ZW1LZXkpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHRhYkJhclByb3BzID0ge1xuICAgICAgaXRlbXMsXG4gICAgICBleHRyYSxcbiAgICAgIGljb25Pbmx5LFxuICAgICAgZHJhZ2dhYmxlLFxuICAgICAgc2l6ZSxcbiAgICAgIGJvcmRlcixcbiAgICAgIG1vcmUsXG4gICAgICBwb3B1cENsYXNzTmFtZSxcbiAgICAgIGN1cnJlbnRBY3RpdmVLZXksXG4gICAgICBjb250ZW50V3JhcHBlcixcbiAgICAgIHN0eWxlczogc3R5bGVzPy50YWJCYXIsXG4gICAgICBjaGFuZ2VBY3RpdmVLZXksXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIG9uVGFiQ2xpY2ssXG4gICAgICBvblRhYlNjcm9sbCxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbdGFic1N0eWxlLndyYXBwZXIsIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19IHRlc3QtaWQ9e3Rlc3RJZH0+XG4gICAgICAgIHtpc0Z1bmN0aW9uKHJlbmRlclRhYkJhcikgPyByZW5kZXJUYWJCYXIodGFiQmFyUHJvcHMsIFRhYkJhcikgOiA8VGFiQmFyIHsuLi50YWJCYXJQcm9wc30gLz59XG5cbiAgICAgICAgPGRpdiBjc3M9e3N0eWxlcz8uY29udGVudD8uKHRoZW1lKX0gcmVmPXtjb250ZW50V3JhcHBlclJlZn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], "test-id": testId, children: [
54
+ return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_b = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgdGVzdElkLFxuICAgIHN0eWxlcyxcbiAgICByZW5kZXJUYWJCYXIsXG4gICAgb25DaGFuZ2UsXG4gICAgb25UYWJDbGljayxcbiAgICBvblRhYlNjcm9sbCxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGZpcnN0VGFiID0gaXRlbXM/LlswXT8ua2V5O1xuXG4gICAgY29uc3QgW2xvY2FsQWN0aXZlS2V5LCBzZXRMb2NhbEFjdGl2ZUtleV0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICAgICAgZGVmYXVsdEFjdGl2ZUtleSA/PyBmaXJzdFRhYlxuICAgICk7XG4gICAgY29uc3QgW2NvbnRlbnRXcmFwcGVyLCBzZXRDb250ZW50V3JhcHBlcl0gPSB1c2VTdGF0ZTxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudEFjdGl2ZUtleSA9IGFjdGl2ZUtleSA/PyBsb2NhbEFjdGl2ZUtleTtcbiAgICBjb25zdCBjb250ZW50V3JhcHBlclJlZiA9IChlbGVtZW50OiBIVE1MRGl2RWxlbWVudCkgPT4gc2V0Q29udGVudFdyYXBwZXIoZWxlbWVudCk7XG5cbiAgICBjb25zdCBjaGFuZ2VBY3RpdmVLZXkgPSB1c2VDYWxsYmFjaygoaXRlbUtleTogc3RyaW5nKSA9PiB7XG4gICAgICBzZXRMb2NhbEFjdGl2ZUtleShpdGVtS2V5KTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB0YWJCYXJQcm9wcyA9IHtcbiAgICAgIGl0ZW1zLFxuICAgICAgZXh0cmEsXG4gICAgICBpY29uT25seSxcbiAgICAgIGRyYWdnYWJsZSxcbiAgICAgIHNpemUsXG4gICAgICBib3JkZXIsXG4gICAgICBtb3JlLFxuICAgICAgcG9wdXBDbGFzc05hbWUsXG4gICAgICBjdXJyZW50QWN0aXZlS2V5LFxuICAgICAgY29udGVudFdyYXBwZXIsXG4gICAgICBzdHlsZXM6IHN0eWxlcz8udGFiQmFyLFxuICAgICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvblRhYkNsaWNrLFxuICAgICAgb25UYWJTY3JvbGwsXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W3RhYnNTdHlsZS53cmFwcGVyLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfSB0ZXN0LWlkPXt0ZXN0SWR9PlxuICAgICAgICB7aXNGdW5jdGlvbihyZW5kZXJUYWJCYXIpID8gcmVuZGVyVGFiQmFyKHRhYkJhclByb3BzLCBUYWJCYXIpIDogPFRhYkJhciB7Li4udGFiQmFyUHJvcHN9IC8+fVxuXG4gICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmNvbnRlbnQ/Lih0aGVtZSl9IHJlZj17Y29udGVudFdyYXBwZXJSZWZ9IC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], "test-id": testId, children: [
55
55
  isFunction(renderTabBar) ? renderTabBar(tabBarProps, TabBar) : /* @__PURE__ */ jsx(TabBar, { ...tabBarProps }),
56
- /* @__PURE__ */ jsx("div", { css: (_b = styles == null ? void 0 : styles.content) == null ? void 0 : _b.call(styles, theme), ref: contentWrapperRef })
56
+ /* @__PURE__ */ jsx("div", { css: (_c = styles == null ? void 0 : styles.content) == null ? void 0 : _c.call(styles, theme), ref: contentWrapperRef })
57
57
  ] });
58
58
  });
59
59
  export {
package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts CHANGED
@@ -29,6 +29,7 @@ export declare const getTabBarStyle: (size: TabsSizeType, border: boolean, iconO
29
29
  readonly overflowY: "hidden";
30
30
  readonly overflowX: "hidden" | "scroll";
31
31
  readonly scrollbarWidth: "none";
32
+ readonly height: number;
32
33
  readonly "::-webkit-scrollbar": {
33
34
  readonly display: "none";
34
35
  };
package/dist/components/Tabs/components/TabBar/TabBar.styles.js CHANGED
@@ -43,6 +43,7 @@ const getTabBarStyle = (size, border, iconOnly, isDragging) => {
43
43
  }),
44
44
  tabs: (theme) => {
45
45
  const tabsTokens = getTabsTokens(theme);
46
+ const tabBarSize = isMiddleSize ? tabsTokens.tabsSizeM : tabsTokens.tabsSizeS;
46
47
  return {
47
48
  display: "flex",
48
49
  gap: getTabsGap(tabsTokens, iconOnly, isMiddleSize),
@@ -51,6 +52,7 @@ const getTabBarStyle = (size, border, iconOnly, isDragging) => {
51
52
  overflowY: "hidden",
52
53
  overflowX: isDragging ? "hidden" : "scroll",
53
54
  scrollbarWidth: "none",
55
+ height: tabBarSize,
54
56
  "::-webkit-scrollbar": {
55
57
  display: "none"
56
58
  }
package/dist/contexts/themeContext.d.ts CHANGED
@@ -96,11 +96,12 @@ export declare const ThemeContext: import('react').Context<{
96
96
  bgComplimentary: "#FAFAFA";
97
97
  bgSecondary: "#F0F0F0";
98
98
  bgContainer: "#FFFFFF";
99
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
100
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
99
+ bgContainerComplimentary: "#FAFAFA";
100
+ bgContainerSecondary: "#F0F0F0";
101
101
  bgContainerDisabled: "#F0F0F0";
102
102
  bgContainerDisabledContrast: "#D9D9D9";
103
- bgContainerComplimentary: "#FAFAFA";
103
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
104
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
104
105
  bgContainerInverse: "#262626";
105
106
  bgContainerInverseHover: "#434343";
106
107
  bgContainerInverseActive: "#1F1F1F";
package/dist/hooks/useTheme/useTheme.d.ts CHANGED
@@ -96,11 +96,12 @@ export declare const useTheme: () => {
96
96
  bgComplimentary: "#FAFAFA";
97
97
  bgSecondary: "#F0F0F0";
98
98
  bgContainer: "#FFFFFF";
99
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
100
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
99
+ bgContainerComplimentary: "#FAFAFA";
100
+ bgContainerSecondary: "#F0F0F0";
101
101
  bgContainerDisabled: "#F0F0F0";
102
102
  bgContainerDisabledContrast: "#D9D9D9";
103
- bgContainerComplimentary: "#FAFAFA";
103
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
104
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
104
105
  bgContainerInverse: "#262626";
105
106
  bgContainerInverseHover: "#434343";
106
107
  bgContainerInverseActive: "#1F1F1F";
package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.d.ts CHANGED
@@ -4,11 +4,12 @@ export declare const backgroundColorTokens: {
4
4
  bgComplimentary: "#FAFAFA";
5
5
  bgSecondary: "#F0F0F0";
6
6
  bgContainer: "#FFFFFF";
7
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
8
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
7
+ bgContainerComplimentary: "#FAFAFA";
8
+ bgContainerSecondary: "#F0F0F0";
9
9
  bgContainerDisabled: "#F0F0F0";
10
10
  bgContainerDisabledContrast: "#D9D9D9";
11
- bgContainerComplimentary: "#FAFAFA";
11
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
12
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
12
13
  bgContainerInverse: "#262626";
13
14
  bgContainerInverseHover: "#434343";
14
15
  bgContainerInverseActive: "#1F1F1F";
package/dist/themes/semanticTokens/colorSemanticTokens/semanticBlocks/backgroundColorTokens.js CHANGED
@@ -5,11 +5,12 @@ const backgroundColorTokens = {
5
5
  bgComplimentary: baseColorTokens.neutral20,
6
6
  bgSecondary: baseColorTokens.neutral40,
7
7
  bgContainer: baseColorTokens.neutral10,
8
- bgContainerHover: baseColorTokens.transparentBlack8,
9
- bgContainerActive: baseColorTokens.transparentBlack12,
8
+ bgContainerComplimentary: baseColorTokens.neutral20,
9
+ bgContainerSecondary: baseColorTokens.neutral40,
10
10
  bgContainerDisabled: baseColorTokens.neutral40,
11
11
  bgContainerDisabledContrast: baseColorTokens.neutral50,
12
- bgContainerComplimentary: baseColorTokens.neutral20,
12
+ bgContainerHover: baseColorTokens.transparentBlack8,
13
+ bgContainerActive: baseColorTokens.transparentBlack12,
13
14
  bgContainerInverse: baseColorTokens.neutral100,
14
15
  bgContainerInverseHover: baseColorTokens.neutral90,
15
16
  bgContainerInverseActive: baseColorTokens.neutral110,
package/dist/themes/semanticTokens/colorSemanticTokens/semanticColorTokens.d.ts CHANGED
@@ -74,11 +74,12 @@ export declare const getSemanticColorTokens: (themeName: ThemeNames) => {
74
74
  bgComplimentary: "#FAFAFA";
75
75
  bgSecondary: "#F0F0F0";
76
76
  bgContainer: "#FFFFFF";
77
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
78
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
77
+ bgContainerComplimentary: "#FAFAFA";
78
+ bgContainerSecondary: "#F0F0F0";
79
79
  bgContainerDisabled: "#F0F0F0";
80
80
  bgContainerDisabledContrast: "#D9D9D9";
81
- bgContainerComplimentary: "#FAFAFA";
81
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
82
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
82
83
  bgContainerInverse: "#262626";
83
84
  bgContainerInverseHover: "#434343";
84
85
  bgContainerInverseActive: "#1F1F1F";
package/dist/themes/themes.d.ts CHANGED
@@ -96,11 +96,12 @@ export declare const themeMap: Map<"light", {
96
96
  bgComplimentary: "#FAFAFA";
97
97
  bgSecondary: "#F0F0F0";
98
98
  bgContainer: "#FFFFFF";
99
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
100
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
99
+ bgContainerComplimentary: "#FAFAFA";
100
+ bgContainerSecondary: "#F0F0F0";
101
101
  bgContainerDisabled: "#F0F0F0";
102
102
  bgContainerDisabledContrast: "#D9D9D9";
103
- bgContainerComplimentary: "#FAFAFA";
103
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
104
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
104
105
  bgContainerInverse: "#262626";
105
106
  bgContainerInverseHover: "#434343";
106
107
  bgContainerInverseActive: "#1F1F1F";
package/dist/themes/themes.utils.d.ts CHANGED
@@ -97,11 +97,12 @@ export declare const getTheme: (themeName: ThemeNames) => {
97
97
  bgComplimentary: "#FAFAFA";
98
98
  bgSecondary: "#F0F0F0";
99
99
  bgContainer: "#FFFFFF";
100
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
101
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
100
+ bgContainerComplimentary: "#FAFAFA";
101
+ bgContainerSecondary: "#F0F0F0";
102
102
  bgContainerDisabled: "#F0F0F0";
103
103
  bgContainerDisabledContrast: "#D9D9D9";
104
- bgContainerComplimentary: "#FAFAFA";
104
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
105
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
105
106
  bgContainerInverse: "#262626";
106
107
  bgContainerInverseHover: "#434343";
107
108
  bgContainerInverseActive: "#1F1F1F";
@@ -462,11 +463,12 @@ export declare const lightTheme: {
462
463
  bgComplimentary: "#FAFAFA";
463
464
  bgSecondary: "#F0F0F0";
464
465
  bgContainer: "#FFFFFF";
465
- bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
466
- bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
466
+ bgContainerComplimentary: "#FAFAFA";
467
+ bgContainerSecondary: "#F0F0F0";
467
468
  bgContainerDisabled: "#F0F0F0";
468
469
  bgContainerDisabledContrast: "#D9D9D9";
469
- bgContainerComplimentary: "#FAFAFA";
470
+ bgContainerHover: `rgba(${number}, ${number}, ${number}, 0.08)`;
471
+ bgContainerActive: `rgba(${number}, ${number}, ${number}, 0.12)`;
470
472
  bgContainerInverse: "#262626";
471
473
  bgContainerInverseHover: "#434343";
472
474
  bgContainerInverseActive: "#1F1F1F";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@infomaximum/ui-kit",
3
3
  "license": "Apache-2.0",
4
- "version": "0.15.3",
4
+ "version": "0.15.4",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",