@ozen-ui/kit 0.62.1 → 0.63.1

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 (11) hide show
  1. package/__inner__/cjs/components/Select/Select.js +2 -2
  2. package/__inner__/cjs/components/Tabs/Tabs.js +6 -2
  3. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +16 -16
  4. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +16 -16
  5. package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
  6. package/__inner__/esm/components/Select/Select.js +2 -2
  7. package/__inner__/esm/components/Tabs/Tabs.js +6 -2
  8. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +16 -16
  9. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +16 -16
  10. package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
  11. package/package.json +4 -4
package/__inner__/cjs/components/Select/Select.js CHANGED
@@ -21,9 +21,9 @@ var SelectRender = function (inProps, ref) {
21
21
  props: inProps,
22
22
  name: 'Select',
23
23
  });
24
- var _a = props.size, size = _a === void 0 ? constants_1.SELECT_DEFAULT_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? constants_1.SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? constants_1.SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? constants_1.SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? constants_1.SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? constants_1.SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? constants_1.SELECT_DEFAULT_DEFAULT_OPEN : _g, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, renderValueProp = props.renderValue, children = props.children, onClick = props.onClick, onKeyDown = props.onKeyDown, menuProps = props.menuProps, dataListPropsProp = props.dataListProps, bodyProps = props.bodyProps, bodeRefProp = props.bodyRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, multiple = props.multiple, other = tslib_1.__rest(props, ["size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "value", "defaultValue", "onChange", "renderValue", "children", "onClick", "onKeyDown", "menuProps", "dataListProps", "bodyProps", "bodyRef", "onClose", "onOpen", "open", "multiple"]);
24
+ var _a = props.size, size = _a === void 0 ? constants_1.SELECT_DEFAULT_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? constants_1.SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? constants_1.SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? constants_1.SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? constants_1.SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? constants_1.SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? constants_1.SELECT_DEFAULT_DEFAULT_OPEN : _g, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, renderValueProp = props.renderValue, children = props.children, onClick = props.onClick, onKeyDown = props.onKeyDown, menuProps = props.menuProps, dataListPropsProp = props.dataListProps, bodyProps = props.bodyProps, bodyRefProp = props.bodyRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, multiple = props.multiple, other = tslib_1.__rest(props, ["size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "value", "defaultValue", "onChange", "renderValue", "children", "onClick", "onKeyDown", "menuProps", "dataListProps", "bodyProps", "bodyRef", "onClose", "onOpen", "open", "multiple"]);
25
25
  var bodyInnerRef = (0, react_1.useRef)(null);
26
- var bodyRef = (0, useMultiRef_1.useMultiRef)([(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref) || bodeRefProp, bodyInnerRef]);
26
+ var bodyRef = (0, useMultiRef_1.useMultiRef)([(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref) || bodyRefProp, bodyInnerRef]);
27
27
  var dataListProps = dataListPropsProp || menuProps;
28
28
  var _h = tslib_1.__read((0, useControlled_1.useControlled)({
29
29
  value: valueProp,
package/__inner__/cjs/components/Tabs/Tabs.js CHANGED
@@ -4,6 +4,7 @@ exports.Tabs = exports.cnTabs = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  require("./Tabs.css");
6
6
  var react_1 = tslib_1.__importStar(require("react"));
7
+ var react_is_1 = require("react-is");
7
8
  var useDebounceCallback_1 = require("../../hooks/useDebounceCallback");
8
9
  var useEventListener_1 = require("../../hooks/useEventListener");
9
10
  var animateProperty_1 = require("../../utils/animateProperty");
@@ -31,9 +32,12 @@ exports.Tabs = (0, react_1.forwardRef)(function (_a, ref) {
31
32
  * для более точного контроля
32
33
  */
33
34
  var tabsValueToIndex = (0, react_1.useMemo)(function () { return new Map(); }, [children]);
35
+ var resolvedChildren = (0, react_is_1.isFragment)(children)
36
+ ? children.props.children
37
+ : children;
34
38
  /** Children только ноды Табов */
35
39
  var onlyTabsChildren = (0, react_1.useMemo)(function () {
36
- return react_1.default.Children.toArray(children)
40
+ return react_1.default.Children.toArray(resolvedChildren)
37
41
  .filter(function (child) { return react_1.default.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type) === components_1.Tab; })
38
42
  .map(function (child, index) {
39
43
  if (!react_1.default.isValidElement(child))
@@ -42,7 +46,7 @@ exports.Tabs = (0, react_1.forwardRef)(function (_a, ref) {
42
46
  tabsValueToIndex.set(childValue, index);
43
47
  return react_1.default.cloneElement(child, { value: childValue });
44
48
  });
45
- }, [children]);
49
+ }, [resolvedChildren]);
46
50
  var isScrollButtonsActive = variant === 'scrollable' &&
47
51
  !disableScrollButtons &&
48
52
  tabsListRef.current &&
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css CHANGED
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #0534d0;
8
- --color-content-action-hover: #082ba0;
9
- --color-content-action-pressed: #0a2171;
10
- --color-content-action-dark: #0d1841;
7
+ --color-content-action: #023dff;
8
+ --color-content-action-hover: #0534d0;
9
+ --color-content-action-pressed: #082ba0;
10
+ --color-content-action-dark: #0a2171;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #cf4a4b;
17
- --color-content-error-hover: #9f3b3d;
18
- --color-content-error-pressed: #702d2e;
19
- --color-content-error-dark: #401e20;
16
+ --color-content-error: #ff5959;
17
+ --color-content-error-hover: #cf4a4b;
18
+ --color-content-error-pressed: #9f3b3d;
19
+ --color-content-error-dark: #702d2e;
20
20
  --color-content-warning: #cf8d2a;
21
21
  --color-content-warning-hover: #9f6d24;
22
22
  --color-content-warning-pressed: #704e1e;
23
23
  --color-content-warning-dark: #402e18;
24
- --color-content-success: #039904;
25
- --color-content-success-hover: #067607;
26
- --color-content-success-pressed: #0a540b;
27
- --color-content-success-dark: #0d310e;
28
- --color-content-info: #6a05d0;
29
- --color-content-info-hover: #5307a0;
30
- --color-content-info-pressed: #3d0a71;
31
- --color-content-info-dark: #270d41;
24
+ --color-content-success: #0b0;
25
+ --color-content-success-hover: #039904;
26
+ --color-content-success-pressed: #067607;
27
+ --color-content-success-dark: #0a540b;
28
+ --color-content-info: #8002ff;
29
+ --color-content-info-hover: #6a05d0;
30
+ --color-content-info-pressed: #5307a0;
31
+ --color-content-info-dark: #3d0a71;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-primary: #989aa5;
34
34
  --color-accent-primary: #1b1c24;
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css CHANGED
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #039904;
8
- --color-content-action-hover: #067607;
9
- --color-content-action-pressed: #0a540b;
10
- --color-content-action-dark: #0d310e;
7
+ --color-content-action: #0b0;
8
+ --color-content-action-hover: #039904;
9
+ --color-content-action-pressed: #067607;
10
+ --color-content-action-dark: #0a540b;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #cf4a4b;
17
- --color-content-error-hover: #9f3b3d;
18
- --color-content-error-pressed: #702d2e;
19
- --color-content-error-dark: #401e20;
16
+ --color-content-error: #ff5959;
17
+ --color-content-error-hover: #cf4a4b;
18
+ --color-content-error-pressed: #9f3b3d;
19
+ --color-content-error-dark: #702d2e;
20
20
  --color-content-warning: #cf8d2a;
21
21
  --color-content-warning-hover: #9f6d24;
22
22
  --color-content-warning-pressed: #704e1e;
23
23
  --color-content-warning-dark: #402e18;
24
- --color-content-success: #039904;
25
- --color-content-success-hover: #067607;
26
- --color-content-success-pressed: #0a540b;
27
- --color-content-success-dark: #0d310e;
28
- --color-content-info: #0534d0;
29
- --color-content-info-hover: #082ba0;
30
- --color-content-info-pressed: #0a2171;
31
- --color-content-info-dark: #0d1841;
24
+ --color-content-success: #0b0;
25
+ --color-content-success-hover: #039904;
26
+ --color-content-success-pressed: #067607;
27
+ --color-content-success-dark: #0a540b;
28
+ --color-content-info: #023dff;
29
+ --color-content-info-hover: #0534d0;
30
+ --color-content-info-pressed: #082ba0;
31
+ --color-content-info-dark: #0a2171;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-secondary: #989aa5;
34
34
  --color-accent-main: #14151b;
package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css CHANGED
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #ad8b59;
8
- --color-content-action-hover: #866c47;
9
- --color-content-action-pressed: #5f4d36;
10
- --color-content-action-dark: #372e24;
7
+ --color-content-action: #d4aa6b;
8
+ --color-content-action-hover: #ad8b59;
9
+ --color-content-action-pressed: #866c47;
10
+ --color-content-action-dark: #5f4d36;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #c85390;
17
- --color-content-error-hover: #9a4270;
18
- --color-content-error-pressed: #6c3151;
19
- --color-content-error-dark: #3e2031;
20
- --color-content-warning: #cf6944;
21
- --color-content-warning-hover: #9f5237;
22
- --color-content-warning-pressed: #703c2b;
23
- --color-content-warning-dark: #40251e;
24
- --color-content-success: #039904;
25
- --color-content-success-hover: #067607;
26
- --color-content-success-pressed: #0a540b;
27
- --color-content-success-dark: #0d310e;
28
- --color-content-info: #0534d0;
29
- --color-content-info-hover: #082ba0;
30
- --color-content-info-pressed: #0a2171;
31
- --color-content-info-dark: #0d1841;
16
+ --color-content-error: #f664af;
17
+ --color-content-error-hover: #c85390;
18
+ --color-content-error-pressed: #9a4270;
19
+ --color-content-error-dark: #6c3151;
20
+ --color-content-warning: #ff7f50;
21
+ --color-content-warning-hover: #cf6944;
22
+ --color-content-warning-pressed: #9f5237;
23
+ --color-content-warning-dark: #703c2b;
24
+ --color-content-success: #0b0;
25
+ --color-content-success-hover: #039904;
26
+ --color-content-success-pressed: #067607;
27
+ --color-content-success-dark: #0a540b;
28
+ --color-content-info: #023dff;
29
+ --color-content-info-hover: #0534d0;
30
+ --color-content-info-pressed: #082ba0;
31
+ --color-content-info-dark: #0a2171;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-secondary: #989aa5;
34
34
  --color-accent-main: #14151b;
package/__inner__/esm/components/Select/Select.js CHANGED
@@ -18,9 +18,9 @@ var SelectRender = function (inProps, ref) {
18
18
  props: inProps,
19
19
  name: 'Select',
20
20
  });
21
- var _a = props.size, size = _a === void 0 ? SELECT_DEFAULT_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? SELECT_DEFAULT_DEFAULT_OPEN : _g, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, renderValueProp = props.renderValue, children = props.children, onClick = props.onClick, onKeyDown = props.onKeyDown, menuProps = props.menuProps, dataListPropsProp = props.dataListProps, bodyProps = props.bodyProps, bodeRefProp = props.bodyRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, multiple = props.multiple, other = __rest(props, ["size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "value", "defaultValue", "onChange", "renderValue", "children", "onClick", "onKeyDown", "menuProps", "dataListProps", "bodyProps", "bodyRef", "onClose", "onOpen", "open", "multiple"]);
21
+ var _a = props.size, size = _a === void 0 ? SELECT_DEFAULT_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? SELECT_DEFAULT_DEFAULT_OPEN : _g, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, renderValueProp = props.renderValue, children = props.children, onClick = props.onClick, onKeyDown = props.onKeyDown, menuProps = props.menuProps, dataListPropsProp = props.dataListProps, bodyProps = props.bodyProps, bodyRefProp = props.bodyRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, multiple = props.multiple, other = __rest(props, ["size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "value", "defaultValue", "onChange", "renderValue", "children", "onClick", "onKeyDown", "menuProps", "dataListProps", "bodyProps", "bodyRef", "onClose", "onOpen", "open", "multiple"]);
22
22
  var bodyInnerRef = useRef(null);
23
- var bodyRef = useMultiRef([(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref) || bodeRefProp, bodyInnerRef]);
23
+ var bodyRef = useMultiRef([(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref) || bodyRefProp, bodyInnerRef]);
24
24
  var dataListProps = dataListPropsProp || menuProps;
25
25
  var _h = __read(useControlled({
26
26
  value: valueProp,
package/__inner__/esm/components/Tabs/Tabs.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { __assign, __read, __rest } from "tslib";
2
2
  import './Tabs.css';
3
3
  import React, { useState, useCallback, useMemo, useEffect, forwardRef, useRef, } from 'react';
4
+ import { isFragment } from 'react-is';
4
5
  import { useDebounceCallback } from '../../hooks/useDebounceCallback';
5
6
  import { useEventListener } from '../../hooks/useEventListener';
6
7
  import { animateProperty } from '../../utils/animateProperty';
@@ -28,9 +29,12 @@ export var Tabs = forwardRef(function (_a, ref) {
28
29
  * для более точного контроля
29
30
  */
30
31
  var tabsValueToIndex = useMemo(function () { return new Map(); }, [children]);
32
+ var resolvedChildren = isFragment(children)
33
+ ? children.props.children
34
+ : children;
31
35
  /** Children только ноды Табов */
32
36
  var onlyTabsChildren = useMemo(function () {
33
- return React.Children.toArray(children)
37
+ return React.Children.toArray(resolvedChildren)
34
38
  .filter(function (child) { return React.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type) === Tab; })
35
39
  .map(function (child, index) {
36
40
  if (!React.isValidElement(child))
@@ -39,7 +43,7 @@ export var Tabs = forwardRef(function (_a, ref) {
39
43
  tabsValueToIndex.set(childValue, index);
40
44
  return React.cloneElement(child, { value: childValue });
41
45
  });
42
- }, [children]);
46
+ }, [resolvedChildren]);
43
47
  var isScrollButtonsActive = variant === 'scrollable' &&
44
48
  !disableScrollButtons &&
45
49
  tabsListRef.current &&
package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css CHANGED
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #0534d0;
8
- --color-content-action-hover: #082ba0;
9
- --color-content-action-pressed: #0a2171;
10
- --color-content-action-dark: #0d1841;
7
+ --color-content-action: #023dff;
8
+ --color-content-action-hover: #0534d0;
9
+ --color-content-action-pressed: #082ba0;
10
+ --color-content-action-dark: #0a2171;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #cf4a4b;
17
- --color-content-error-hover: #9f3b3d;
18
- --color-content-error-pressed: #702d2e;
19
- --color-content-error-dark: #401e20;
16
+ --color-content-error: #ff5959;
17
+ --color-content-error-hover: #cf4a4b;
18
+ --color-content-error-pressed: #9f3b3d;
19
+ --color-content-error-dark: #702d2e;
20
20
  --color-content-warning: #cf8d2a;
21
21
  --color-content-warning-hover: #9f6d24;
22
22
  --color-content-warning-pressed: #704e1e;
23
23
  --color-content-warning-dark: #402e18;
24
- --color-content-success: #039904;
25
- --color-content-success-hover: #067607;
26
- --color-content-success-pressed: #0a540b;
27
- --color-content-success-dark: #0d310e;
28
- --color-content-info: #6a05d0;
29
- --color-content-info-hover: #5307a0;
30
- --color-content-info-pressed: #3d0a71;
31
- --color-content-info-dark: #270d41;
24
+ --color-content-success: #0b0;
25
+ --color-content-success-hover: #039904;
26
+ --color-content-success-pressed: #067607;
27
+ --color-content-success-dark: #0a540b;
28
+ --color-content-info: #8002ff;
29
+ --color-content-info-hover: #6a05d0;
30
+ --color-content-info-pressed: #5307a0;
31
+ --color-content-info-dark: #3d0a71;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-primary: #989aa5;
34
34
  --color-accent-primary: #1b1c24;
package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css CHANGED
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #039904;
8
- --color-content-action-hover: #067607;
9
- --color-content-action-pressed: #0a540b;
10
- --color-content-action-dark: #0d310e;
7
+ --color-content-action: #0b0;
8
+ --color-content-action-hover: #039904;
9
+ --color-content-action-pressed: #067607;
10
+ --color-content-action-dark: #0a540b;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #cf4a4b;
17
- --color-content-error-hover: #9f3b3d;
18
- --color-content-error-pressed: #702d2e;
19
- --color-content-error-dark: #401e20;
16
+ --color-content-error: #ff5959;
17
+ --color-content-error-hover: #cf4a4b;
18
+ --color-content-error-pressed: #9f3b3d;
19
+ --color-content-error-dark: #702d2e;
20
20
  --color-content-warning: #cf8d2a;
21
21
  --color-content-warning-hover: #9f6d24;
22
22
  --color-content-warning-pressed: #704e1e;
23
23
  --color-content-warning-dark: #402e18;
24
- --color-content-success: #039904;
25
- --color-content-success-hover: #067607;
26
- --color-content-success-pressed: #0a540b;
27
- --color-content-success-dark: #0d310e;
28
- --color-content-info: #0534d0;
29
- --color-content-info-hover: #082ba0;
30
- --color-content-info-pressed: #0a2171;
31
- --color-content-info-dark: #0d1841;
24
+ --color-content-success: #0b0;
25
+ --color-content-success-hover: #039904;
26
+ --color-content-success-pressed: #067607;
27
+ --color-content-success-dark: #0a540b;
28
+ --color-content-info: #023dff;
29
+ --color-content-info-hover: #0534d0;
30
+ --color-content-info-pressed: #082ba0;
31
+ --color-content-info-dark: #0a2171;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-secondary: #989aa5;
34
34
  --color-accent-main: #14151b;
package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDefault.css CHANGED
@@ -4,31 +4,31 @@
4
4
  --color-content-tertiary: #7e8194;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #ad8b59;
8
- --color-content-action-hover: #866c47;
9
- --color-content-action-pressed: #5f4d36;
10
- --color-content-action-dark: #372e24;
7
+ --color-content-action: #d4aa6b;
8
+ --color-content-action-hover: #ad8b59;
9
+ --color-content-action-pressed: #866c47;
10
+ --color-content-action-dark: #5f4d36;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #c85390;
17
- --color-content-error-hover: #9a4270;
18
- --color-content-error-pressed: #6c3151;
19
- --color-content-error-dark: #3e2031;
20
- --color-content-warning: #cf6944;
21
- --color-content-warning-hover: #9f5237;
22
- --color-content-warning-pressed: #703c2b;
23
- --color-content-warning-dark: #40251e;
24
- --color-content-success: #039904;
25
- --color-content-success-hover: #067607;
26
- --color-content-success-pressed: #0a540b;
27
- --color-content-success-dark: #0d310e;
28
- --color-content-info: #0534d0;
29
- --color-content-info-hover: #082ba0;
30
- --color-content-info-pressed: #0a2171;
31
- --color-content-info-dark: #0d1841;
16
+ --color-content-error: #f664af;
17
+ --color-content-error-hover: #c85390;
18
+ --color-content-error-pressed: #9a4270;
19
+ --color-content-error-dark: #6c3151;
20
+ --color-content-warning: #ff7f50;
21
+ --color-content-warning-hover: #cf6944;
22
+ --color-content-warning-pressed: #9f5237;
23
+ --color-content-warning-dark: #703c2b;
24
+ --color-content-success: #0b0;
25
+ --color-content-success-hover: #039904;
26
+ --color-content-success-pressed: #067607;
27
+ --color-content-success-dark: #0a540b;
28
+ --color-content-info: #023dff;
29
+ --color-content-info-hover: #0534d0;
30
+ --color-content-info-pressed: #082ba0;
31
+ --color-content-info-dark: #0a2171;
32
32
  --color-content-primary-inverse: #fff;
33
33
  --color-content-accent-secondary: #989aa5;
34
34
  --color-accent-main: #14151b;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.62.1",
3
+ "version": "0.63.1",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"
@@ -27,9 +27,9 @@
27
27
  "react-popper": "^2.3.0",
28
28
  "react-transition-group": "^4.4.5",
29
29
  "tslib": "^2.6.3",
30
- "@ozen-ui/fonts": "0.62.1",
31
- "@ozen-ui/icons": "0.62.1",
32
- "@ozen-ui/logger": "0.62.1"
30
+ "@ozen-ui/fonts": "0.63.1",
31
+ "@ozen-ui/icons": "0.63.1",
32
+ "@ozen-ui/logger": "0.63.1"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": ">=17.0.2 <19.0.0",