@uzum-tech/ui 1.11.2 → 1.12.0

package/es/qr-code/src/styles/index.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/es/qr-code/src/styles/index.cssr.js

@@ -0,0 +1,8 @@
+import { c, cB } from '../../../_utils/cssr';
+// vars:
+// --u-border-radius
+export default c([cB('qr-code', `
+ background: #fff;
+ border-radius: var(--u-border-radius);
+ display: inline-flex;
+ `)]);

package/es/qr-code/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import type { QrCodeTheme } from './light';
+declare const qrcodeDark: QrCodeTheme;
+export default qrcodeDark;

package/es/qr-code/styles/dark.js

@@ -0,0 +1,11 @@
+import { commonDark } from '../../_styles/common';
+const qrcodeDark = {
+    name: 'QrCode',
+    common: commonDark,
+    self: (vars) => {
+        return {
+            borderRadius: vars.borderRadius
+        };
+    }
+};
+export default qrcodeDark;

package/es/qr-code/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as qrcodeDark } from './dark';
+export { default as qrcodeLight } from './light';
+export type { QrCodeTheme, QrCodeThemeVars } from './light';

package/es/qr-code/styles/index.js

@@ -0,0 +1,2 @@
+export { default as qrcodeDark } from './dark';
+export { default as qrcodeLight } from './light';

package/es/qr-code/styles/light.d.ts

@@ -0,0 +1,9 @@
+import type { Theme } from '../../_mixins';
+import type { ThemeCommonVars } from '../../_styles/common';
+declare function self(vars: ThemeCommonVars): {
+    borderRadius: string;
+};
+export type QrCodeThemeVars = ReturnType<typeof self>;
+declare const themeLight: Theme<'QrCode', QrCodeThemeVars>;
+export default themeLight;
+export type QrCodeTheme = typeof themeLight;

package/es/qr-code/styles/light.js

@@ -0,0 +1,12 @@
+import { commonLight } from '../../_styles/common';
+function self(vars) {
+    return {
+        borderRadius: vars.borderRadius
+    };
+}
+const themeLight = {
+    name: 'QrCode',
+    common: commonLight,
+    self
+};
+export default themeLight;

package/es/theme-editor/src/ThemeEditor.d.ts

@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPrimary500: string;
         brandPrimary550: string;
         brandPrimary600: string;
+        brandSecondary400: string;
         brandSecondary500: string;
         brandSecondary300: string;
         brandSecondary600: string;

package/es/themes/dark.js

@@ -91,6 +91,9 @@ import { chatDark } from '../chat/styles';
 import { modalFullscreenDark } from '../modal-fullscreen/styles';
 import { cropDark } from '../crop/styles';
 import safeTopScrollbarDark from '../_internal/safe-top-scrollbar/styles/dark';
+import { headerDark } from '../header/styles';
+import { iconBarDark } from '../icon-bar/styles';
+import { qrcodeDark } from '../qr-code/styles';
 export const darkTheme = {
     name: 'dark',
     common: commonDark,
@@ -185,5 +188,8 @@ export const darkTheme = {
     Flex: flexDark,
     Chat: chatDark,
     ModalFullscreen: modalFullscreenDark,
-    Crop: cropDark
+    Crop: cropDark,
+    Header: headerDark,
+    IconBar: iconBarDark,
+    QrCode: qrcodeDark
 };

package/es/themes/light.js

@@ -92,7 +92,10 @@ import { inputOtpLight } from '../input-otp/styles';
 import { chatLight } from '../chat/styles';
 import { modalFullscreenLight } from '../modal-fullscreen/styles';
 import { cropLight } from '../crop/styles';
+import { qrcodeLight } from '../qr-code/styles';
 import safeTopScrollbarLight from '../_internal/safe-top-scrollbar/styles/light';
+import { headerLight } from '../header/styles';
+import { iconBarLight } from '../icon-bar/styles';
 export const lightTheme = {
     name: 'light',
     common: commonLight,
@@ -187,5 +190,8 @@ export const lightTheme = {
     Flex: flexLight,
     Chat: chatLight,
     ModalFullscreen: modalFullscreenLight,
-    Crop: cropLight
+    Crop: cropLight,
+    Header: headerLight,
+    IconBar: iconBarLight,
+    QrCode: qrcodeLight
 };

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.11.2";
+declare const _default: "1.12.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.11.2';
+export default '1.12.0';

package/lib/_internal/icons/BurgerMenuIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/BurgerMenuIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const replaceable_1 = require("./replaceable");
+exports.default = (0, replaceable_1.replaceable)('burgerMenu', (0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+    (0, vue_1.h)("path", { d: "M3 12H15M3 6H21M3 18H21", stroke: "#101010", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/lib/_internal/icons/Logout.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/Logout.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const replaceable_1 = require("./replaceable");
+exports.default = (0, replaceable_1.replaceable)('logout', (0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+    (0, vue_1.h)("path", { d: "M16 17L21 12M21 12L16 7M21 12H9M9 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H9", stroke: "#101010", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/lib/_internal/icons/OzbekFlag.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/OzbekFlag.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const replaceable_1 = require("./replaceable");
+exports.default = (0, replaceable_1.replaceable)('ozbekFlag', (0, vue_1.h)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    (0, vue_1.h)("g", { "clip-path": "url(#clip0_1120_2014)" },
+        (0, vue_1.h)("rect", { width: "24", height: "24", rx: "12", fill: "#FBFBFB" }),
+        (0, vue_1.h)("path", { d: "M23.3798 15.818C23.7821 14.6186 24 13.3347 24 11.9998C24 10.665 23.7821 9.38103 23.3798 8.18164L0.620206 8.18164C0.21795 9.38103 0 10.665 0 11.9998C0 13.3347 0.21795 14.6186 0.620206 15.818H23.3798Z", fill: "#FBFBFB" }),
+        (0, vue_1.h)("path", { d: "M23.3797 8.18182H0.620117C2.21503 3.42632 6.70734 0 11.9999 0C17.2925 0 21.7848 3.42632 23.3797 8.18182Z", fill: "#0099B5" }),
+        (0, vue_1.h)("path", { d: "M9.18066 2.39209C9.33998 2.39209 9.49554 2.40845 9.64551 2.43994C9.81623 2.47583 9.82506 2.70343 9.68262 2.8042C9.10672 3.21169 8.73047 3.88294 8.73047 4.64209C8.73047 5.40124 9.10672 6.07249 9.68262 6.47998C9.82506 6.58075 9.81623 6.80835 9.64551 6.84424C9.49554 6.87573 9.33998 6.89209 9.18066 6.89209C7.938 6.89209 6.93066 5.88473 6.93066 4.64209C6.93066 3.39945 7.938 2.39209 9.18066 2.39209ZM11.5498 5.38525C11.5797 5.29312 11.7103 5.29312 11.7402 5.38525L11.8691 5.77979H12.2842C12.3807 5.78008 12.4209 5.90353 12.3428 5.96045L12.0068 6.20459L12.1348 6.59912C12.1647 6.69113 12.0598 6.76795 11.9814 6.71143L11.6455 6.46729L11.3096 6.71143C11.2312 6.76835 11.1253 6.69125 11.1553 6.59912L11.2842 6.20459L10.9482 5.96045C10.8699 5.90351 10.91 5.77979 11.0068 5.77979H11.4219L11.5498 5.38525ZM13.8926 5.38525C13.9225 5.29312 14.0531 5.29312 14.083 5.38525L14.2109 5.77979H14.627C14.7235 5.78012 14.7636 5.90353 14.6855 5.96045L14.3496 6.20459L14.4775 6.59912C14.5074 6.69112 14.4026 6.7679 14.3242 6.71143L13.9883 6.46729L13.6523 6.71143C13.574 6.76837 13.4681 6.69125 13.498 6.59912L13.627 6.20459L13.291 5.96045C13.2126 5.90351 13.2527 5.77979 13.3496 5.77979H13.7646L13.8926 5.38525ZM16.2354 5.38525C16.2653 5.29312 16.3958 5.29312 16.4258 5.38525L16.5537 5.77979H16.9697C17.0662 5.78016 17.1063 5.90353 17.0283 5.96045L16.6924 6.20459L16.8203 6.59912C16.8502 6.69111 16.7453 6.76786 16.667 6.71143L16.3311 6.46729L15.9951 6.71143C15.9167 6.76837 15.8109 6.69125 15.8408 6.59912L15.9697 6.20459L15.6338 5.96045C15.5554 5.90351 15.5955 5.77979 15.6924 5.77979H16.1074L16.2354 5.38525ZM13.8926 2.68506C13.9225 2.59293 14.0531 2.59293 14.083 2.68506L14.2109 3.07959H14.627C14.7234 3.07993 14.7635 3.2033 14.6855 3.26025L14.3496 3.50439L14.4775 3.89893C14.5074 3.99096 14.4026 4.06783 14.3242 4.01123L13.9883 3.76709L13.6523 4.01123C13.574 4.06817 13.4681 3.99106 13.498 3.89893L13.627 3.50439L13.291 3.26025C13.2126 3.20331 13.2527 3.07959 13.3496 3.07959H13.7646L13.8926 2.68506ZM16.2354 2.68506C16.2653 2.59293 16.3958 2.59293 16.4258 2.68506L16.5537 3.07959H16.9697C17.0662 3.07997 17.1062 3.2033 17.0283 3.26025L16.6924 3.50439L16.8203 3.89893C16.8502 3.99095 16.7453 4.06779 16.667 4.01123L16.3311 3.76709L15.9951 4.01123C15.9167 4.06817 15.8109 3.99106 15.8408 3.89893L15.9697 3.50439L15.6338 3.26025C15.5554 3.20331 15.5955 3.07959 15.6924 3.07959H16.1074L16.2354 2.68506Z", fill: "#FBFBFB" }),
+        (0, vue_1.h)("path", { d: "M23.3797 15.8184C21.7848 20.5739 17.2925 24.0002 11.9999 24.0002C6.70734 24.0002 2.21503 20.5739 0.620117 15.8184L23.3797 15.8184Z", fill: "#00C853" }),
+        (0, vue_1.h)("path", { d: "M23.3797 8.18164C23.4401 8.36159 23.4963 8.54345 23.5482 8.7271H0.45166C0.503602 8.54345 0.559806 8.36159 0.620159 8.18164L23.3797 8.18164Z", fill: "#F44336" }),
+        (0, vue_1.h)("path", { d: "M23.3797 15.818C23.4401 15.6381 23.4963 15.4562 23.5482 15.2726H0.45166C0.503602 15.4562 0.559806 15.6381 0.620159 15.818H23.3797Z", fill: "#F44336" })),
+    (0, vue_1.h)("rect", { x: "0.5", y: "0.5", width: "23", height: "23", rx: "11.5", stroke: "black", "stroke-opacity": "0.08" }),
+    (0, vue_1.h)("defs", null,
+        (0, vue_1.h)("clipPath", { id: "clip0_1120_2014" },
+            (0, vue_1.h)("rect", { width: "24", height: "24", rx: "12", fill: "white" })))));

package/lib/_internal/icons/RussiaFlag.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/RussiaFlag.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const replaceable_1 = require("./replaceable");
+exports.default = (0, replaceable_1.replaceable)('russiaFlag', (0, vue_1.h)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    (0, vue_1.h)("g", { "clip-path": "url(#clip0_1120_1297)" },
+        (0, vue_1.h)("path", { d: "M12.0001 0C6.85271 0 2.47511 3.2472 0.770508 7.8H23.2291C21.5251 3.2472 17.1475 0 12.0001 0Z", fill: "#FBFBFB" }),
+        (0, vue_1.h)("path", { d: "M24 12C24 10.5198 23.7192 9.10925 23.2296 7.80005H0.7704C0.2808 9.10925 0 10.5198 0 12C0 13.4802 0.2808 14.8908 0.7704 16.2H23.229C23.7192 14.8908 24 13.4802 24 12Z", fill: "#3F51B5" }),
+        (0, vue_1.h)("path", { d: "M23.2297 16.2002H0.770508C2.47511 20.753 6.85271 24.0002 12.0001 24.0002C17.1475 24.0002 21.5251 20.753 23.2297 16.2002Z", fill: "#D90026" })),
+    (0, vue_1.h)("rect", { x: "0.5", y: "0.5", width: "23", height: "23", rx: "11.5", stroke: "black", "stroke-opacity": "0.08" }),
+    (0, vue_1.h)("defs", null,
+        (0, vue_1.h)("clipPath", { id: "clip0_1120_1297" },
+            (0, vue_1.h)("rect", { width: "24", height: "24", rx: "12", fill: "white" })))));

package/lib/_internal/icons/SendFilled.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/SendFilled.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'SendFilled',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M12.815 12.197l-7.532 1.255a.5.5 0 0 0-.386.318L2.3 20.728c-.248.64.421 1.25 1.035.942l18-9a.75.75 0 0 0 0-1.341l-18-9c-.614-.307-1.283.303-1.035.942l2.598 6.958a.5.5 0 0 0 .386.318l7.532 1.255a.2.2 0 0 1 0 .395z", fill: "currentColor" }))));
+    }
+});

package/lib/_internal/icons/index.d.ts

@@ -56,3 +56,8 @@ export { default as CheckmarkDoneSharp } from './CheckmarkDoneSharp';
 export { default as PersonOutline } from './PersonOutline';
 export { default as ArrowHookUpRight } from './ArrowHookUpRight';
 export { default as PersonNote } from './PersonNote';
+export { default as SendFilled } from './SendFilled';
+export { default as RussiaFlag } from './RussiaFlag';
+export { default as OzbekFlag } from './OzbekFlag';
+export { default as LogoutIcon } from './Logout';
+export { default as BurgerMenuIcon } from './BurgerMenuIcon';

package/lib/_internal/icons/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileHeart = exports.DismissCircleIcon = exports.CheckmarkCircleIcon = exports.EditIcon = exports.ClearSmallIcon = exports.InactiveIcon = exports.InfoOutlineIcon = exports.ResizeSmallIcon = exports.PhotoIcon = exports.FileIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = exports.ArrowBackIcon = exports.RetryIcon = exports.ToIcon = exports.ChevronDownFilledIcon = exports.ClearIcon = exports.ChevronDownIcon = exports.CancelIcon = exports.WarningIcon = exports.TimeIcon = exports.SwitcherIcon = exports.SuccessIcon = exports.SearchIcon = exports.RemoveIcon = exports.MoreIcon = exports.InfoIcon = exports.ForwardIcon = exports.FilterIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.ErrorIcon = exports.EmptyIcon = exports.DownloadIcon = exports.TrashIcon = exports.EyeOffIcon = exports.EyeIcon = exports.CloseIcon = exports.ChevronDownOutline = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.CheckmarkIcon = exports.DateIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowDownIcon = exports.AddIcon = void 0;
-exports.PersonNote = exports.ArrowHookUpRight = exports.PersonOutline = exports.CheckmarkDoneSharp = exports.Refresh = exports.MdTime = exports.SiderUnionBorder = exports.ContentCopy = void 0;
+exports.BurgerMenuIcon = exports.LogoutIcon = exports.OzbekFlag = exports.RussiaFlag = exports.SendFilled = exports.PersonNote = exports.ArrowHookUpRight = exports.PersonOutline = exports.CheckmarkDoneSharp = exports.Refresh = exports.MdTime = exports.SiderUnionBorder = exports.ContentCopy = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowDown_1 = require("./ArrowDown");
@@ -121,3 +121,13 @@ var ArrowHookUpRight_1 = require("./ArrowHookUpRight");
 Object.defineProperty(exports, "ArrowHookUpRight", { enumerable: true, get: function () { return __importDefault(ArrowHookUpRight_1).default; } });
 var PersonNote_1 = require("./PersonNote");
 Object.defineProperty(exports, "PersonNote", { enumerable: true, get: function () { return __importDefault(PersonNote_1).default; } });
+var SendFilled_1 = require("./SendFilled");
+Object.defineProperty(exports, "SendFilled", { enumerable: true, get: function () { return __importDefault(SendFilled_1).default; } });
+var RussiaFlag_1 = require("./RussiaFlag");
+Object.defineProperty(exports, "RussiaFlag", { enumerable: true, get: function () { return __importDefault(RussiaFlag_1).default; } });
+var OzbekFlag_1 = require("./OzbekFlag");
+Object.defineProperty(exports, "OzbekFlag", { enumerable: true, get: function () { return __importDefault(OzbekFlag_1).default; } });
+var Logout_1 = require("./Logout");
+Object.defineProperty(exports, "LogoutIcon", { enumerable: true, get: function () { return __importDefault(Logout_1).default; } });
+var BurgerMenuIcon_1 = require("./BurgerMenuIcon");
+Object.defineProperty(exports, "BurgerMenuIcon", { enumerable: true, get: function () { return __importDefault(BurgerMenuIcon_1).default; } });

package/lib/_styles/common/dark.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const _common_1 = __importDefault(require("./_common"));
-const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(255, 255, 255, 0.25)', scrollbarColorHover: 'rgba(255, 255, 255, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary50: '#2B204E', brandPrimary100: '#412A89', brandPrimary200: '#6A40ED', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#8967F1', brandPrimary550: '#6607DF', brandPrimary600: '#5D46A6', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', surfacePrimary: '#101010', surfaceSecondary: '#1D1D1D', containerPrimary: '#1D1D1D', containerSecondary: '#313135', textPrimary: '#F3F4F6', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#101010', textBrand: '#F3F4F6', elementsPrimary: '#F3F4F6', elementsSecondary: '#101010', elementsTertiary: '#222222', elementsQuaternary: '#424247', elementsQuinary: '#707479', elementsDarkQuinary: '#919396', elementsSenary: '#DFDFDF', elementsOnContainer: '#101010', transparencyPrimary: 'rgba(255, 255, 255, 0.1)', transparencySecondary: 'rgba(255, 255, 255, 0.07)', transparencyTertiary: 'rgba(255, 255, 255, 0.16)', transparencyQuinary: 'rgba(255, 255, 255, 0.32)', transparencyModal: 'rgba(0, 0, 0, 0.75)', staticBlack: '#101010', staticDarkGrey: '#2C2C2D', staticWhite: '#FFFFFF', staticRed: '#F24835', staticOrange: '#F48C2C', staticGreen: '#09B849', staticDeepBlue: '#2F53CD', staticErrorAccent: '#CB0000', shadowDepth2: '0 0 0 1px #424247', shadowDepth: '0px 8px 8px 0px rgba(255, 255, 255, 0.25)' // В дизайне тень вообще отсутствует, пока что пусть побудет визуально как border
+const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(255, 255, 255, 0.25)', scrollbarColorHover: 'rgba(255, 255, 255, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary50: '#2B204E', brandPrimary100: '#412A89', brandPrimary200: '#6A40ED', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#8967F1', brandPrimary550: '#6607DF', brandPrimary600: '#5D46A6', brandSecondary400: '#FFF8E3', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', surfacePrimary: '#101010', surfaceSecondary: '#1D1D1D', containerPrimary: '#1D1D1D', containerSecondary: '#313135', textPrimary: '#F3F4F6', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#101010', textBrand: '#F3F4F6', elementsPrimary: '#F3F4F6', elementsSecondary: '#101010', elementsTertiary: '#222222', elementsQuaternary: '#424247', elementsQuinary: '#707479', elementsDarkQuinary: '#919396', elementsSenary: '#DFDFDF', elementsOnContainer: '#101010', transparencyPrimary: 'rgba(255, 255, 255, 0.1)', transparencySecondary: 'rgba(255, 255, 255, 0.07)', transparencyTertiary: 'rgba(255, 255, 255, 0.16)', transparencyQuinary: 'rgba(255, 255, 255, 0.32)', transparencyModal: 'rgba(0, 0, 0, 0.75)', staticBlack: '#101010', staticDarkGrey: '#2C2C2D', staticWhite: '#FFFFFF', staticRed: '#F24835', staticOrange: '#F48C2C', staticGreen: '#09B849', staticDeepBlue: '#2F53CD', staticErrorAccent: '#CB0000', shadowDepth2: '0 0 0 1px #424247', shadowDepth: '0px 8px 8px 0px rgba(255, 255, 255, 0.25)' // В дизайне тень вообще отсутствует, пока что пусть побудет визуально как border
  });
 exports.default = derived;

package/lib/_styles/common/light.d.ts

@@ -16,6 +16,7 @@ declare const derived: {
     brandPrimary500: string;
     brandPrimary550: string;
     brandPrimary600: string;
+    brandSecondary400: string;
     brandSecondary500: string;
     brandSecondary300: string;
     brandSecondary600: string;

package/lib/_styles/common/light.js

@@ -4,5 +4,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const _common_1 = __importDefault(require("./_common"));
-const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(0, 0, 0, 0.25)', scrollbarColorHover: 'rgba(0, 0, 0, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary50: '#F8F2FF', brandPrimary100: '#EAE2FF', brandPrimary200: '#DACCFF', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#7000FF', brandPrimary550: '#6607DF', brandPrimary600: '#5B34C1', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', surfacePrimary: '#fff', surfaceSecondary: '#1d1d1d', containerPrimary: '#fff', containerSecondary: '#F3F4F6', textPrimary: '#101010', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#FFFFFF', textBrand: '#7000FF', elementsPrimary: '#101010', elementsSecondary: '#fff', elementsTertiary: '#F3F4F6', elementsQuaternary: '#E7E8EA', elementsQuinary: '#C5C7CA', elementsDarkQuinary: '#919396', elementsSenary: '#4E4D4D', elementsOnContainer: '#fff', transparencyPrimary: 'rgba(0, 0, 0, 0.35)', transparencySecondary: 'rgba(0, 0, 0, 0.07)', transparencyTertiary: 'rgba(255, 255, 255, 0.16)', transparencyQuinary: 'rgba(255, 255, 255, 0.32)', transparencyModal: 'rgba(0, 0, 0, 0.40)', staticBlack: '#101010', staticDarkGrey: '#2C2C2D', staticWhite: '#FFFFFF', staticRed: '#F24835', staticOrange: '#F48C2C', staticGreen: '#09B849', staticDeepBlue: '#2F53CD', staticErrorAccent: '#CB0000', shadowDepth2: '0px 20px 80px 0px rgba(0, 0, 0, 0.07)', shadowDepth: '0px 8px 8px 0px rgba(0, 0, 0, 0.25)' });
+const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(0, 0, 0, 0.25)', scrollbarColorHover: 'rgba(0, 0, 0, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary50: '#F8F2FF', brandPrimary100: '#EAE2FF', brandPrimary200: '#DACCFF', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#7000FF', brandPrimary550: '#6607DF', brandPrimary600: '#5B34C1', brandSecondary400: '#FFF8E3', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', surfacePrimary: '#fff', surfaceSecondary: '#1d1d1d', containerPrimary: '#fff', containerSecondary: '#F3F4F6', textPrimary: '#101010', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#FFFFFF', textBrand: '#7000FF', elementsPrimary: '#101010', elementsSecondary: '#fff', elementsTertiary: '#F3F4F6', elementsQuaternary: '#E7E8EA', elementsQuinary: '#C5C7CA', elementsDarkQuinary: '#919396', elementsSenary: '#4E4D4D', elementsOnContainer: '#fff', transparencyPrimary: 'rgba(0, 0, 0, 0.35)', transparencySecondary: 'rgba(0, 0, 0, 0.07)', transparencyTertiary: 'rgba(255, 255, 255, 0.16)', transparencyQuinary: 'rgba(255, 255, 255, 0.32)', transparencyModal: 'rgba(0, 0, 0, 0.40)', staticBlack: '#101010', staticDarkGrey: '#2C2C2D', staticWhite: '#FFFFFF', staticRed: '#F24835', staticOrange: '#F48C2C', staticGreen: '#09B849', staticDeepBlue: '#2F53CD', staticErrorAccent: '#CB0000', shadowDepth2: '0px 20px 80px 0px rgba(0, 0, 0, 0.07)', shadowDepth: '0px 8px 8px 0px rgba(0, 0, 0, 0.25)' });
 exports.default = derived;