@join-x5/react-theme 1.0.0-rc → 1.0.2

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.
@@ -2,8 +2,8 @@ export * from './types';
2
2
  export declare const colors: {
3
3
  readonly white: "#ffffff";
4
4
  readonly additional: import('./types').AdditionalPalette;
5
- readonly ui: import('./types').UIPalette;
6
5
  readonly theme: Record<import('..').ThemeName, import('./types').UIPalette>;
6
+ readonly more: import('./types').MorePalette;
7
7
  readonly grey: {
8
8
  5: string;
9
9
  10: string;
@@ -30,160 +30,4 @@ export declare const colors: {
30
30
  90: string;
31
31
  100: string;
32
32
  };
33
- readonly red: {
34
- 10: string;
35
- 20: string;
36
- 30: string;
37
- 40: string;
38
- 50: string;
39
- 60: string;
40
- 70: string;
41
- 80: string;
42
- 90: string;
43
- 100: string;
44
- };
45
- readonly green: {
46
- 10: string;
47
- 20: string;
48
- 30: string;
49
- 40: string;
50
- 50: string;
51
- 60: string;
52
- 70: string;
53
- 80: string;
54
- 90: string;
55
- 100: string;
56
- };
57
- readonly lime: {
58
- 10: string;
59
- 20: string;
60
- 30: string;
61
- 40: string;
62
- 50: string;
63
- 60: string;
64
- 70: string;
65
- 80: string;
66
- 90: string;
67
- 100: string;
68
- };
69
- readonly indigo: {
70
- 10: string;
71
- 20: string;
72
- 30: string;
73
- 40: string;
74
- 50: string;
75
- 60: string;
76
- 70: string;
77
- 80: string;
78
- 90: string;
79
- 100: string;
80
- };
81
- readonly purple: {
82
- 10: string;
83
- 20: string;
84
- 30: string;
85
- 40: string;
86
- 50: string;
87
- 60: string;
88
- 70: string;
89
- 80: string;
90
- 90: string;
91
- 100: string;
92
- };
93
- readonly teal: {
94
- 10: string;
95
- 20: string;
96
- 30: string;
97
- 40: string;
98
- 50: string;
99
- 60: string;
100
- 70: string;
101
- 80: string;
102
- 90: string;
103
- 100: string;
104
- };
105
- readonly cyan: {
106
- 10: string;
107
- 20: string;
108
- 30: string;
109
- 40: string;
110
- 50: string;
111
- 60: string;
112
- 70: string;
113
- 80: string;
114
- 90: string;
115
- 100: string;
116
- };
117
- readonly bluegrey: {
118
- 10: string;
119
- 20: string;
120
- 30: string;
121
- 40: string;
122
- 50: string;
123
- 60: string;
124
- 70: string;
125
- 80: string;
126
- 90: string;
127
- 100: string;
128
- };
129
- readonly amber: {
130
- 10: string;
131
- 20: string;
132
- 30: string;
133
- 40: string;
134
- 50: string;
135
- 60: string;
136
- 70: string;
137
- 80: string;
138
- 90: string;
139
- 100: string;
140
- };
141
- readonly pink: {
142
- 10: string;
143
- 20: string;
144
- 30: string;
145
- 40: string;
146
- 50: string;
147
- 60: string;
148
- 70: string;
149
- 80: string;
150
- 90: string;
151
- 100: string;
152
- };
153
- readonly brown: {
154
- 10: string;
155
- 20: string;
156
- 30: string;
157
- 40: string;
158
- 50: string;
159
- 60: string;
160
- 70: string;
161
- 80: string;
162
- 90: string;
163
- 100: string;
164
- };
165
- readonly yellow: {
166
- 10: string;
167
- 20: string;
168
- 30: string;
169
- 40: string;
170
- 50: string;
171
- 60: string;
172
- 70: string;
173
- 80: string;
174
- 90: string;
175
- 100: string;
176
- };
177
- readonly orange: {
178
- 10: string;
179
- 20: string;
180
- 30: string;
181
- 40: string;
182
- 50: string;
183
- 60: string;
184
- 70: string;
185
- 80: string;
186
- 90: string;
187
- 100: string;
188
- };
189
33
  };
@@ -1,16 +1,14 @@
1
- import { more as r } from "./more.es.js";
2
- import { additional as f } from "./additional.es.js";
1
+ import { more as f } from "./more.es.js";
2
+ import { additional as r } from "./additional.es.js";
3
3
  import { theme as o } from "./theme.es.js";
4
- import { ui as m } from "./ui.es.js";
5
- const a = {
6
- ...r,
4
+ const i = {
7
5
  ...o.base,
8
6
  white: "#ffffff",
9
- additional: f,
10
- ui: m,
11
- theme: o
7
+ additional: r,
8
+ theme: o,
9
+ more: f
12
10
  };
13
11
  export {
14
- a as colors
12
+ i as colors
15
13
  };
16
14
  //# sourceMappingURL=index.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../src/colors/index.ts"],"sourcesContent":["import {more} from './more';\nimport {additional} from './additional';\nimport {theme} from './theme';\nimport {ui} from './ui';\n\nexport * from './types';\n\nexport const colors = {\n ...more,\n ...theme.base,\n\n white: '#ffffff',\n\n additional,\n ui,\n theme,\n} as const;\n"],"names":["colors","more","theme","base","white","additional","ui"],"mappings":";;;;AAOO,MAAMA,IAAS;AAAA,EACpB,GAAGC;AAAAA,EACH,GAAGC,EAAMC;AAAAA,EAETC,OAAO;AAAA,EAEPC,YAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAJ,OAAAA;AACF;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../src/colors/index.ts"],"sourcesContent":["import {more} from './more';\nimport {additional} from './additional';\nimport {theme} from './theme';\n\nexport * from './types';\n\nexport const colors = {\n ...theme.base,\n\n white: '#ffffff',\n\n additional,\n theme,\n more,\n} as const;\n"],"names":["colors","theme","base","white","additional","more"],"mappings":";;;AAMO,MAAMA,IAAS;AAAA,EACpB,GAAGC,EAAMC;AAAAA,EAETC,OAAO;AAAA,EAEPC,YAAAA;AAAAA,EACAH,OAAAA;AAAAA,EACAI,MAAAA;AACF;"}
@@ -1,4 +1,10 @@
1
1
  const f = {
2
+ uiGrey: {
3
+ 5: "#f6f6f8"
4
+ },
5
+ uiAccent: {
6
+ 5: "#f0f9fc"
7
+ },
2
8
  red: {
3
9
  10: "#feebee",
4
10
  20: "#fecdd2",
@@ -1 +1 @@
1
- {"version":3,"file":"more.es.js","sources":["../../src/colors/more.ts"],"sourcesContent":["import type {MorePalette} from './types';\n\nexport const more: MorePalette = {\n red: {\n 10: '#feebee',\n 20: '#fecdd2',\n 30: '#ef9a9a',\n 40: '#e57373',\n 50: '#ef5350',\n 60: '#f44336',\n 70: '#e53935',\n 80: '#d32f2f',\n 90: '#c62828',\n 100: '#b71c1c',\n },\n\n green: {\n 10: '#f1f8e9',\n 20: '#dcedc8',\n 30: '#c5e1a5',\n 40: '#aed581',\n 50: '#9ccc65',\n 60: '#8bc34a',\n 70: '#7cb342',\n 80: '#689f38',\n 90: '#558b2f',\n 100: '#33691e',\n },\n\n lime: {\n 10: '#f9fbe7',\n 20: '#f0f4c3',\n 30: '#e6ee9c',\n 40: '#dce775',\n 50: '#d4e157',\n 60: '#cddc39',\n 70: '#c0ca33',\n 80: '#afb42b',\n 90: '#9e9d24',\n 100: '#827717',\n },\n\n indigo: {\n 10: '#e8eaf6',\n 20: '#c5cae9',\n 30: '#9fa8da',\n 40: '#7986cb',\n 50: '#5c6bc0',\n 60: '#3f51b5',\n 70: '#3949ab',\n 80: '#303f9f',\n 90: '#283593',\n 100: '#1a237e',\n },\n\n purple: {\n 10: '#ede7f6',\n 20: '#d1c4e9',\n 30: '#b39ddb',\n 40: '#9575cd',\n 50: '#7e57c2',\n 60: '#673ab7',\n 70: '#5e35b1',\n 80: '#512da8',\n 90: '#4527a0',\n 100: '#311b92',\n },\n\n teal: {\n 10: '#e0f2f1',\n 20: '#b2dfdb',\n 30: '#80cbc4',\n 40: '#4db6ac',\n 50: '#26a69a',\n 60: '#009688',\n 70: '#00897b',\n 80: '#00796b',\n 90: '#00695c',\n 100: '#004d40',\n },\n\n cyan: {\n 10: '#e0f7fa',\n 20: '#b2ebf2',\n 30: '#80deea',\n 40: '#4dd0e1',\n 50: '#26c6da',\n 60: '#00bcd4',\n 70: '#00acc1',\n 80: '#0097a7',\n 90: '#00838f',\n 100: '#006064',\n },\n\n bluegrey: {\n 10: '#eceff1',\n 20: '#cfd8dc',\n 30: '#b0bec5',\n 40: '#90a4ae',\n 50: '#78909c',\n 60: '#607d8b',\n 70: '#546e7a',\n 80: '#455a64',\n 90: '#37474f',\n 100: '#263238',\n },\n\n amber: {\n 10: '#fff8e1',\n 20: '#ffecb3',\n 30: '#ffe082',\n 40: '#ffd54f',\n 50: '#ffca28',\n 60: '#ffc107',\n 70: '#ffb300',\n 80: '#ffa000',\n 90: '#ff8f00',\n 100: '#ff6f00',\n },\n\n pink: {\n 10: '#fce4ec',\n 20: '#f8bbd0',\n 30: '#f48fb1',\n 40: '#f06292',\n 50: '#ec407a',\n 60: '#e91e63',\n 70: '#d81b60',\n 80: '#c2185b',\n 90: '#ad1457',\n 100: '#880e4f',\n },\n\n brown: {\n 10: '#efebe9',\n 20: '#d7ccc8',\n 30: '#bcaaa4',\n 40: '#a1887f',\n 50: '#8d6e63',\n 60: '#795548',\n 70: '#6d4c41',\n 80: '#5d4037',\n 90: '#4e342e',\n 100: '#3e2723',\n },\n\n yellow: {\n 10: '#fffde7',\n 20: '#fff9c4',\n 30: '#fff59d',\n 40: '#fff176',\n 50: '#ffee58',\n 60: '#ffeb3b',\n 70: '#fdd835',\n 80: '#fbc02d',\n 90: '#f9a825',\n 100: '#f57f17',\n },\n\n orange: {\n 10: '#fbe9e7',\n 20: '#ffccbc',\n 30: '#ffab91',\n 40: '#ff8a65',\n 50: '#ff7043',\n 60: '#ff5722',\n 70: '#f4511e',\n 80: '#e64a19',\n 90: '#d84315',\n 100: '#bf360c',\n },\n} as const;\n"],"names":["more","red","green","lime","indigo","purple","teal","cyan","bluegrey","amber","pink","brown","yellow","orange"],"mappings":"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"}
1
+ {"version":3,"file":"more.es.js","sources":["../../src/colors/more.ts"],"sourcesContent":["import type {MorePalette} from './types';\n\nexport const more: MorePalette = {\n uiGrey: {\n 5: '#f6f6f8',\n },\n\n uiAccent: {\n 5: '#f0f9fc',\n },\n\n red: {\n 10: '#feebee',\n 20: '#fecdd2',\n 30: '#ef9a9a',\n 40: '#e57373',\n 50: '#ef5350',\n 60: '#f44336',\n 70: '#e53935',\n 80: '#d32f2f',\n 90: '#c62828',\n 100: '#b71c1c',\n },\n\n green: {\n 10: '#f1f8e9',\n 20: '#dcedc8',\n 30: '#c5e1a5',\n 40: '#aed581',\n 50: '#9ccc65',\n 60: '#8bc34a',\n 70: '#7cb342',\n 80: '#689f38',\n 90: '#558b2f',\n 100: '#33691e',\n },\n\n lime: {\n 10: '#f9fbe7',\n 20: '#f0f4c3',\n 30: '#e6ee9c',\n 40: '#dce775',\n 50: '#d4e157',\n 60: '#cddc39',\n 70: '#c0ca33',\n 80: '#afb42b',\n 90: '#9e9d24',\n 100: '#827717',\n },\n\n indigo: {\n 10: '#e8eaf6',\n 20: '#c5cae9',\n 30: '#9fa8da',\n 40: '#7986cb',\n 50: '#5c6bc0',\n 60: '#3f51b5',\n 70: '#3949ab',\n 80: '#303f9f',\n 90: '#283593',\n 100: '#1a237e',\n },\n\n purple: {\n 10: '#ede7f6',\n 20: '#d1c4e9',\n 30: '#b39ddb',\n 40: '#9575cd',\n 50: '#7e57c2',\n 60: '#673ab7',\n 70: '#5e35b1',\n 80: '#512da8',\n 90: '#4527a0',\n 100: '#311b92',\n },\n\n teal: {\n 10: '#e0f2f1',\n 20: '#b2dfdb',\n 30: '#80cbc4',\n 40: '#4db6ac',\n 50: '#26a69a',\n 60: '#009688',\n 70: '#00897b',\n 80: '#00796b',\n 90: '#00695c',\n 100: '#004d40',\n },\n\n cyan: {\n 10: '#e0f7fa',\n 20: '#b2ebf2',\n 30: '#80deea',\n 40: '#4dd0e1',\n 50: '#26c6da',\n 60: '#00bcd4',\n 70: '#00acc1',\n 80: '#0097a7',\n 90: '#00838f',\n 100: '#006064',\n },\n\n bluegrey: {\n 10: '#eceff1',\n 20: '#cfd8dc',\n 30: '#b0bec5',\n 40: '#90a4ae',\n 50: '#78909c',\n 60: '#607d8b',\n 70: '#546e7a',\n 80: '#455a64',\n 90: '#37474f',\n 100: '#263238',\n },\n\n amber: {\n 10: '#fff8e1',\n 20: '#ffecb3',\n 30: '#ffe082',\n 40: '#ffd54f',\n 50: '#ffca28',\n 60: '#ffc107',\n 70: '#ffb300',\n 80: '#ffa000',\n 90: '#ff8f00',\n 100: '#ff6f00',\n },\n\n pink: {\n 10: '#fce4ec',\n 20: '#f8bbd0',\n 30: '#f48fb1',\n 40: '#f06292',\n 50: '#ec407a',\n 60: '#e91e63',\n 70: '#d81b60',\n 80: '#c2185b',\n 90: '#ad1457',\n 100: '#880e4f',\n },\n\n brown: {\n 10: '#efebe9',\n 20: '#d7ccc8',\n 30: '#bcaaa4',\n 40: '#a1887f',\n 50: '#8d6e63',\n 60: '#795548',\n 70: '#6d4c41',\n 80: '#5d4037',\n 90: '#4e342e',\n 100: '#3e2723',\n },\n\n yellow: {\n 10: '#fffde7',\n 20: '#fff9c4',\n 30: '#fff59d',\n 40: '#fff176',\n 50: '#ffee58',\n 60: '#ffeb3b',\n 70: '#fdd835',\n 80: '#fbc02d',\n 90: '#f9a825',\n 100: '#f57f17',\n },\n\n orange: {\n 10: '#fbe9e7',\n 20: '#ffccbc',\n 30: '#ffab91',\n 40: '#ff8a65',\n 50: '#ff7043',\n 60: '#ff5722',\n 70: '#f4511e',\n 80: '#e64a19',\n 90: '#d84315',\n 100: '#bf360c',\n },\n} as const;\n"],"names":["more","uiGrey","uiAccent","red","green","lime","indigo","purple","teal","cyan","bluegrey","amber","pink","brown","yellow","orange"],"mappings":"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"}
@@ -2,6 +2,8 @@ type ColorTokenWeight = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
2
2
  type ColorTokenGroup = Record<ColorTokenWeight, string>;
3
3
  type ColorTokenMoreGroup = Record<Exclude<ColorTokenWeight, 5>, string>;
4
4
  export type MorePalette = {
5
+ uiGrey: Record<5, string>;
6
+ uiAccent: Record<5, string>;
5
7
  red: ColorTokenMoreGroup;
6
8
  green: ColorTokenMoreGroup;
7
9
  lime: ColorTokenMoreGroup;
@@ -38,6 +40,5 @@ export type UIPalette = {
38
40
  export type Colors = {
39
41
  white: string;
40
42
  additional: AdditionalPalette;
41
- ui: UIPalette;
42
- } & MorePalette & UIPalette;
43
+ } & UIPalette;
43
44
  export {};
@@ -0,0 +1,9 @@
1
+ import { default as React, ReactNode, ForwardedRef, ReactElement } from 'react';
2
+ type RenderFunction<T, P> = (props: P, ref: ForwardedRef<T>) => ReactNode;
3
+ /** Polyfill обратной совместимости forwardRef React v19 */
4
+ export declare const forwardRef: <T, P>(render: RenderFunction<T, P>) => React.FC<P & {
5
+ ref?: ForwardedRef<T>;
6
+ }>;
7
+ /** Polyfill обратной совместимости ref React v19 */
8
+ export declare const getElementRef: (element: ReactElement) => any;
9
+ export {};
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import t from "react";
3
+ const s = (r) => /^17|18\./.test(t.version) ? t.forwardRef(r) : ({
4
+ ref: e,
5
+ ...o
6
+ }) => r(o, e), n = (r) => String(t.version).startsWith("19.") ? r.props.ref : r.ref;
7
+ export {
8
+ s as forwardRef,
9
+ n as getElementRef
10
+ };
11
+ //# sourceMappingURL=forwardRef.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"forwardRef.es.js","sources":["../../src/common/forwardRef.ts"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {ReactNode, ForwardedRef, ReactElement} from 'react';\n\ntype RenderFunction<T, P> = (props: P, ref: ForwardedRef<T>) => ReactNode;\n\n/** Polyfill обратной совместимости forwardRef React v19 */\nexport const forwardRef = <T, P>(render: RenderFunction<T, P>): React.FC<P & {ref?: ForwardedRef<T>}> => {\n if (/^17|18\\./.test(React.version)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.forwardRef(render as any) as any;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (({ref, ...props}: any) => render(props, ref)) as any;\n};\n\n/** Polyfill обратной совместимости ref React v19 */\nexport const getElementRef = (element: ReactElement) => {\n return String(React.version).startsWith('19.') ? element.props.ref : element['ref'];\n};\n"],"names":["forwardRef","ref","props"],"mappings":";;AASaA;AAOF;AAACC;AAAQC;;;;;"}
@@ -1,5 +1,6 @@
1
1
  export * from './types';
2
2
  export * from './date';
3
+ export * from './forwardRef';
3
4
  export * from './getQAAttribute';
4
5
  export * from './useClickAway';
5
6
  export * from './useRefMerge';
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useEffect as o } from "react";
2
3
  const s = (e, ...c) => {
3
4
  o(() => {
@@ -1 +1 @@
1
- {"version":3,"file":"useClickAway.es.js","sources":["../../src/common/useClickAway.ts"],"sourcesContent":["import {useEffect} from 'react';\n\nimport type {RefObject} from 'react';\n\n/** Обработчик нажатия вне refs */\nexport const useClickAway = (handler: EventListener, ...refs: Array<RefObject<Element>>): void => {\n useEffect(() => {\n const listener = (e: MouseEvent) => {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n for (const ref of refs) {\n if (!ref.current || ref.current.contains(e.target)) {\n return;\n }\n }\n\n handler(e);\n };\n\n document.addEventListener('click', listener, true);\n\n return () => {\n document.removeEventListener('click', listener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handler]);\n};\n"],"names":["useClickAway","handler","refs","useEffect","listener","e","target","Element","ref","current","contains","addEventListener","removeEventListener"],"mappings":";AAKaA,MAAAA,IAAeA,CAACC,MAA2BC,MAA0C;AAChGC,EAAAA,EAAU,MAAM;AACRC,UAAAA,IAAWA,CAACC,MAAkB;AAC9B,UAAEA,EAAEC,kBAAkBC,SAI1B;AAAA,mBAAWC,KAAON;AACZ,cAAA,CAACM,EAAIC,WAAWD,EAAIC,QAAQC,SAASL,EAAEC,MAAM;AAC/C;AAIJL,QAAAA,EAAQI,CAAC;AAAA;AAAA,IACX;AAESM,oBAAAA,iBAAiB,SAASP,GAAU,EAAI,GAE1C,MAAM;AACFQ,eAAAA,oBAAoB,SAASR,CAAQ;AAAA,IAChD;AAAA,EAAA,GAGC,CAACH,CAAO,CAAC;AACd;"}
1
+ {"version":3,"file":"useClickAway.es.js","sources":["../../src/common/useClickAway.ts"],"sourcesContent":["'use client';\n\nimport {useEffect} from 'react';\n\nimport type {RefObject} from 'react';\n\n/** Обработчик нажатия вне refs */\nexport const useClickAway = (handler: EventListener, ...refs: Array<RefObject<Element>>): void => {\n useEffect(() => {\n const listener = (e: MouseEvent) => {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n for (const ref of refs) {\n if (!ref.current || ref.current.contains(e.target)) {\n return;\n }\n }\n\n handler(e);\n };\n\n document.addEventListener('click', listener, true);\n\n return () => {\n document.removeEventListener('click', listener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handler]);\n};\n"],"names":["useClickAway","useEffect","listener","handler","addEventListener","removeEventListener"],"mappings":";;AAOaA;AACXC;AACQC;AACA;AAIJ;AACM;AACF;AAIJC;AAAS;AAAA;AAGFC;AAGEC;AAAqC;AAChD;AAIJ;;;;"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useRef as r, useEffect as u } from "react";
2
3
  const f = (n) => {
3
4
  const t = r(null), o = n && typeof n != "function" ? n : t;
@@ -1 +1 @@
1
- {"version":3,"file":"useRefMerge.es.js","sources":["../../src/common/useRefMerge.ts"],"sourcesContent":["import {useEffect, useRef} from 'react';\n\nimport type {Ref} from 'react';\n\n/** Объединение ref.\n *\n * Возвращает тот же ref если передан RefObject\n */\nexport const useRefMerge = <T>(baseRef?: Ref<T>) => {\n const innerRef = useRef<T>(null);\n\n const ref = baseRef && typeof baseRef !== 'function' ? baseRef : innerRef;\n\n useEffect(() => {\n if (typeof baseRef === 'function') {\n baseRef(innerRef.current ?? null);\n }\n }, [baseRef]);\n\n return ref;\n};\n"],"names":["useRefMerge","baseRef","innerRef","useRef","ref","useEffect","current"],"mappings":";AAQaA,MAAAA,IAAc,CAAIC,MAAqB;AAC5CC,QAAAA,IAAWC,EAAU,IAAI,GAEzBC,IAAMH,KAAW,OAAOA,KAAY,aAAaA,IAAUC;AAEjEG,SAAAA,EAAU,MAAM;AACV,IAAA,OAAOJ,KAAY,cACbC,EAAAA,EAASI,WAAW,IAAI;AAAA,EAClC,GACC,CAACL,CAAO,CAAC,GAELG;AACT;"}
1
+ {"version":3,"file":"useRefMerge.es.js","sources":["../../src/common/useRefMerge.ts"],"sourcesContent":["'use client';\n\nimport {useEffect, useRef} from 'react';\n\nimport type {Ref} from 'react';\n\n/** Объединение ref.\n *\n * Возвращает тот же ref если передан RefObject\n */\nexport const useRefMerge = <T>(baseRef?: Ref<T>) => {\n const innerRef = useRef<T>(null);\n\n const ref = baseRef && typeof baseRef !== 'function' ? baseRef : innerRef;\n\n useEffect(() => {\n if (typeof baseRef === 'function') {\n baseRef(innerRef.current ?? null);\n }\n }, [baseRef]);\n\n return ref;\n};\n"],"names":["useRefMerge","innerRef","useEffect"],"mappings":";;AAUaA;AACLC;AAINC;AACM;AAC8B;AAKtC;;;;"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { useRef as u, useEffect as f } from "react";
2
3
  const n = (t, r) => {
3
4
  const e = u(!0);
@@ -1 +1 @@
1
- {"version":3,"file":"useUpdateEffect.es.js","sources":["../../src/common/useUpdateEffect.ts"],"sourcesContent":["import {useEffect, useRef} from 'react';\n\n/** Обработчик изменения deps, вне первого рендера */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirstMount = useRef<boolean>(true);\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n return;\n }\n\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n"],"names":["useUpdateEffect","effect","deps","isFirstMount","useRef","useEffect","current"],"mappings":";AAGaA,MAAAA,IAAoCA,CAACC,GAAQC,MAAS;AAC3DC,QAAAA,IAAeC,EAAgB,EAAI;AAEzCC,EAAAA,EAAU,MAAM;AACd,QAAIF,EAAaG,SAAS;AACxBH,MAAAA,EAAaG,UAAU;AACvB;AAAA,IAAA;AAGF,WAAOL,EAAO;AAAA,KAEbC,CAAI;AACT;"}
1
+ {"version":3,"file":"useUpdateEffect.es.js","sources":["../../src/common/useUpdateEffect.ts"],"sourcesContent":["'use client';\n\nimport {useEffect, useRef} from 'react';\n\n/** Обработчик изменения deps, вне первого рендера */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirstMount = useRef<boolean>(true);\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n return;\n }\n\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n"],"names":["useUpdateEffect","isFirstMount","useEffect"],"mappings":";;AAKaA;AACLC;AAENC;AACE;AACED;AACA;AAAA;AAGF;AAAc;AAGlB;;;;"}
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@emotion/react");const I=require("@emotion/react/jsx-runtime"),X=require("@emotion/styled/base"),n=require("react"),Z=e=>e&&e.__esModule?e:{default:e},y=Z(X),m={red:{10:"#feebee",20:"#fecdd2",30:"#ef9a9a",40:"#e57373",50:"#ef5350",60:"#f44336",70:"#e53935",80:"#d32f2f",90:"#c62828",100:"#b71c1c"},green:{10:"#f1f8e9",20:"#dcedc8",30:"#c5e1a5",40:"#aed581",50:"#9ccc65",60:"#8bc34a",70:"#7cb342",80:"#689f38",90:"#558b2f",100:"#33691e"},lime:{10:"#f9fbe7",20:"#f0f4c3",30:"#e6ee9c",40:"#dce775",50:"#d4e157",60:"#cddc39",70:"#c0ca33",80:"#afb42b",90:"#9e9d24",100:"#827717"},indigo:{10:"#e8eaf6",20:"#c5cae9",30:"#9fa8da",40:"#7986cb",50:"#5c6bc0",60:"#3f51b5",70:"#3949ab",80:"#303f9f",90:"#283593",100:"#1a237e"},purple:{10:"#ede7f6",20:"#d1c4e9",30:"#b39ddb",40:"#9575cd",50:"#7e57c2",60:"#673ab7",70:"#5e35b1",80:"#512da8",90:"#4527a0",100:"#311b92"},teal:{10:"#e0f2f1",20:"#b2dfdb",30:"#80cbc4",40:"#4db6ac",50:"#26a69a",60:"#009688",70:"#00897b",80:"#00796b",90:"#00695c",100:"#004d40"},cyan:{10:"#e0f7fa",20:"#b2ebf2",30:"#80deea",40:"#4dd0e1",50:"#26c6da",60:"#00bcd4",70:"#00acc1",80:"#0097a7",90:"#00838f",100:"#006064"},bluegrey:{10:"#eceff1",20:"#cfd8dc",30:"#b0bec5",40:"#90a4ae",50:"#78909c",60:"#607d8b",70:"#546e7a",80:"#455a64",90:"#37474f",100:"#263238"},amber:{10:"#fff8e1",20:"#ffecb3",30:"#ffe082",40:"#ffd54f",50:"#ffca28",60:"#ffc107",70:"#ffb300",80:"#ffa000",90:"#ff8f00",100:"#ff6f00"},pink:{10:"#fce4ec",20:"#f8bbd0",30:"#f48fb1",40:"#f06292",50:"#ec407a",60:"#e91e63",70:"#d81b60",80:"#c2185b",90:"#ad1457",100:"#880e4f"},brown:{10:"#efebe9",20:"#d7ccc8",30:"#bcaaa4",40:"#a1887f",50:"#8d6e63",60:"#795548",70:"#6d4c41",80:"#5d4037",90:"#4e342e",100:"#3e2723"},yellow:{10:"#fffde7",20:"#fff9c4",30:"#fff59d",40:"#fff176",50:"#ffee58",60:"#ffeb3b",70:"#fdd835",80:"#fbc02d",90:"#f9a825",100:"#f57f17"},orange:{10:"#fbe9e7",20:"#ffccbc",30:"#ffab91",40:"#ff8a65",50:"#ff7043",60:"#ff5722",70:"#f4511e",80:"#e64a19",90:"#d84315",100:"#bf360c"}},v={blueGrey:{5:"#f3f5f6",10:"#eaedef",20:"#d0d7dc",30:"#b3bec7",40:"#9aa9b5",50:"#7b8f9e",60:"#637889",70:"#506372",80:"#415361",90:"#334250",100:"#25303c"},brown:{5:"#f5f5f4",10:"#edebe8",20:"#dcd4cb",30:"#bdb2a8",40:"#9e8f80",50:"#84725e",60:"#725e4a",70:"#66523e",80:"#564533",90:"#493a2a",100:"#3b2b1c"},pink:{5:"#fff0f7",10:"#fee6f1",20:"#ffc7e1",30:"#f89bc7",40:"#eb70b0",50:"#e151a1",60:"#d22d94",70:"#c41289",80:"#b2067e",90:"#9d0273",100:"#7d0366"},purple:{5:"#fdf1fe",10:"#fae3fd",20:"#eebff2",30:"#dd90e4",40:"#c763cf",50:"#b343bd",60:"#a432ae",70:"#9726a1",80:"#8c1698",90:"#7e0b88",100:"#670470"},violet:{5:"#f8f4ff",10:"#efeafe",20:"#d8cafc",30:"#bba0f5",40:"#a179ec",50:"#8e5ce5",60:"#8247e1",70:"#7535d4",80:"#6c20cf",90:"#5e08ba",100:"#460891"},indigo:{5:"#f4f4ff",10:"#ebebff",20:"#d2d2ff",30:"#b2b3fa",40:"#9193f5",50:"#7375f4",60:"#5c5ee9",70:"#4b4ddd",80:"#3e3cce",90:"#3734bf",100:"#2b29a2"},blue:{5:"#f0f7fc",10:"#e3f2fd",20:"#c0e3ff",30:"#93cdfc",40:"#64b5f6",50:"#42a5f5",60:"#2094f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"},cyan:{5:"#eafcfd",10:"#dbf8fa",20:"#b6e9ed",30:"#81d5db",40:"#51c2ca",50:"#30b2bc",60:"#03a2ab",70:"#00949e",80:"#00858f",90:"#01757e",100:"#045961"},green:{5:"#f3fdf0",10:"#e7fbe0",20:"#ccedc1",30:"#a8db97",40:"#84cb6d",50:"#6ac04d",60:"#56b238",70:"#46a527",80:"#3b961d",90:"#2b800e",100:"#1a6800"},red:{5:"#fff5f6",10:"#ffebed",20:"#ffd2d2",30:"#ffa59e",40:"#fb7b6f",50:"#f45948",60:"#ee412b",70:"#e6341c",80:"#d82a13",90:"#c8250f",100:"#b21b00"},orange:{5:"#fff5eb",10:"#ffeddb",20:"#ffd9b2",30:"#febf81",40:"#fca751",50:"#fb962b",60:"#f9820b",70:"#f97501",80:"#f26202",90:"#e55806",100:"#d14600"},yellow:{5:"#fffadb",10:"#fdf6c3",20:"#fdec96",30:"#f7de6e",40:"#f5d142",50:"#fac529",60:"#f8b612",70:"#f6a904",80:"#f59700",90:"#e58600",100:"#cf7400"},olive:{5:"#fdffdc",10:"#f8fabd",20:"#ebee96",30:"#dce067",40:"#c8cd42",50:"#b9be2d",60:"#abb01c",70:"#9da20e",80:"#8f9401",90:"#7c8001",100:"#5e6100"}};var b=(e=>(e.Base="base",e.TCX="tcx",e.TC5="tc5",e.X5="x5",e))(b||{});const s={[b.Base]:{grey:{5:"#f7f8fa",10:"#eff1f5",20:"#e1e5eb",30:"#cfd4dc",40:"#b4bbc6",50:"#9299a4",60:"#6c737d",70:"#50565e",80:"#3b4047",90:"#2a2e33",100:"#222429"},accent:{5:"#f0f7fc",10:"#e3f2fd",20:"#bbdefb",30:"#90caf9",40:"#64b5f6",50:"#42a5f5",60:"#2196f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"}},[b.TCX]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d7d9",40:"#b2bdbf",50:"#919c9e",60:"#6d7678",70:"#515859",80:"#3c4142",90:"#2b3030",100:"#222626"},accent:{5:"#f0fcf2",10:"#e1f7e4",20:"#c5e8ca",30:"#99cea0",40:"#72c07d",50:"#55b465",60:"#32a94b",70:"#2a9b43",80:"#1e8737",90:"#0e762c",100:"#00591d"}},[b.TC5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d6d9",40:"#b2bbbf",50:"#919a9e",60:"#6d7578",70:"#515759",80:"#3c4042",90:"#2b2f30",100:"#222526"},accent:{5:"#f0fdf3",10:"#e1fae6",20:"#c3ebca",30:"#98daa5",40:"#6dcb81",50:"#4dc069",60:"#20b44f",70:"#15a546",80:"#00923a",90:"#00812f",100:"#00631f"}},[b.X5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e8e8",30:"#d0d9d9",40:"#b2bfbf",50:"#919e9e",60:"#6d7878",70:"#515959",80:"#3c4242",90:"#2b3030",100:"#222626"},accent:{5:"#f5fcf0",10:"#ebfae1",20:"#d0f0bb",30:"#b0dd92",40:"#97d26d",50:"#84c950",60:"#6fc031",70:"#5faf2d",80:"#4e9c1f",90:"#3a8918",100:"#0d6706"}}},C={grey:{5:"#f6f6f8",10:"#eff1f5",20:"#e1e5eb",30:"#cfd4dc",40:"#b4bbc6",50:"#9299a4",60:"#6c737d",70:"#50565e",80:"#3b4047",90:"#2a2e33",100:"#222429"},accent:{5:"#f0f9fc",10:"#e3f2fd",20:"#bbdefb",30:"#90caf9",40:"#64b5f6",50:"#42a5f5",60:"#2196f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"}},d={...m,...s.base,white:"#ffffff",additional:v,ui:C,theme:s};function G(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const g=process.env.NODE_ENV==="production"?{name:"1uy0nzf",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);}"}:{name:"7f5j1q-scroll",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);};label:scroll;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy9zY3JvbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy90aGVtZS9zcmMvc2Nyb2xsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y3NzfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGwgPSBjc3NgXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGJvdHRvbTogMDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItYnV0dG9uIHtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBib3JkZXI6IDRweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDApO1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IHBhZGRpbmctYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjZmQ0ZGM7XG4gIH1cbiAgOjotd2Via2l0LXNjcm9sbGJhci1jb3JuZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgfVxuYDtcbiJdfQ== */",toString:G},W="0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)",B="0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)",H="0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)",p={large:H,medium:B,small:W};var u=(e=>(e.X0="x0",e.X1="x1",e.X2="x2",e.X3="x3",e.X4="x4",e.X5="x5",e.X6="x6",e.X8="x8",e.X10="x10",e.X12="x12",e.X16="x16",e.X20="x20",e))(u||{});const l={x0:0,x1:2,x2:4,x3:6,x4:8,x5:10,x6:12,x8:16,x10:20,x12:24,x16:32,x20:40,join:(...e)=>e.map(f=>`${l[f]}px`).join(" ")},w=y.default("div",process.env.NODE_ENV==="production"?{target:"e195o4we0"}:{target:"e195o4we0",label:"Container"})(e=>e.theme.typography[e.variant],process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy90eXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy90aGVtZS9zcmMvdHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgdHlwZSB7QW5jaG9ySFRNTEF0dHJpYnV0ZXMsIEVsZW1lbnRUeXBlLCBIVE1MQXR0cmlidXRlc30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7VHlwb2dyYXBoeVZhcmlhbnR9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBUeXBvZ3JhcGh5UHJvcHMgPSB7XG4gIC8qKiDQktCw0YDQuNCw0L3RgiAqL1xuICB2YXJpYW50OiBrZXlvZiBUeXBvZ3JhcGh5VmFyaWFudDtcbiAgLyoqIFRhZ05hbWUgLSDQv9C+INGD0LzQvtC70YfQsNC90LjRjiBkaXYgKi9cbiAgYXM/OiBFbGVtZW50VHlwZTtcbn0gJiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJlxuICBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD47XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxUeXBvZ3JhcGh5UHJvcHMsICd2YXJpYW50Jz4+KHByb3BzID0+IHByb3BzLnRoZW1lLnR5cG9ncmFwaHlbcHJvcHMudmFyaWFudF0pO1xuXG5leHBvcnQgY29uc3QgVHlwb2dyYXBoeSA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFR5cG9ncmFwaHlQcm9wcz4oKHByb3BzLCByZWYpID0+IChcbiAgPENvbnRhaW5lciB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPlxuKSk7XG4iXX0= */"),R=n.forwardRef((e,f)=>I.jsx(w,{...e,ref:f})),c={fontFamily:'"X5 Sans UI", Roboto, Arial, Helvetica, sans-serif',WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},o={base:c,h1:{...c,fontSize:"36px",lineHeight:"44px",fontWeight:"400",letterSpacing:"-0.2px"},h2:{...c,fontSize:"28px",lineHeight:"36px",fontWeight:"500",letterSpacing:"0px"},h3:{...c,fontSize:"20px",lineHeight:"24px",fontWeight:"500",letterSpacing:"0.12px"},h4:{...c,fontSize:"16px",lineHeight:"20px",fontWeight:"500",letterSpacing:"0.12px"},h5:{...c,fontSize:"14px",lineHeight:"16px",fontWeight:"500",letterSpacing:"0.08px"},h6:{...c,fontSize:"12px",lineHeight:"16px",fontWeight:"500",letterSpacing:"1.2px",textTransform:"uppercase"},p1:{...c,fontSize:"16px",lineHeight:"24px",fontWeight:"400",letterSpacing:"0.12px"},p1compact:{...c,fontSize:"16px",lineHeight:"20px",fontWeight:"400",letterSpacing:"0.12px"},p2:{...c,fontSize:"14px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"},p3:{...c,fontSize:"12px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"}};var x=(e=>(e.XLarge="XLarge",e.Large="large",e.Medium="medium",e.Small="small",e.XSmall="XSmall",e.XXSmall="XXSmall",e))(x||{}),h=(e=>(e.Top="top",e.Right="right",e.Bottom="bottom",e.Left="left",e.TopStart="top-start",e.TopEnd="top-end",e.RightStart="right-start",e.RightEnd="right-end",e.BottomStart="bottom-start",e.BottomEnd="bottom-end",e.LeftStart="left-start",e.LeftEnd="left-end",e))(h||{});const A=e=>{if(e.getHours()===0&&e.getMinutes()===0&&e.getSeconds()===0&&e.getMilliseconds()===0)return e;const f=new Date(e.getTime());return f.setHours(0,0,0,0),f},Y=e=>(f,t)=>{let a=e;if(f&&(a+=`-${f}`),t)for(const r in t)t[r]===!0&&(a+=":"+r);return a},z=(e,...f)=>{n.useEffect(()=>{const t=a=>{if(a.target instanceof Element){for(const r of f)if(!r.current||r.current.contains(a.target))return;e(a)}};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t)}},[e])},S=e=>{const f=n.useRef(null),t=e&&typeof e!="function"?e:f;return n.useEffect(()=>{typeof e=="function"&&e(f.current??null)},[e]),t},J=(e,f)=>{const t=n.useRef(!0);n.useEffect(()=>{if(t.current){t.current=!1;return}return e()},f)},i={dropdown:100,modal:800,tooltip:800,loader:900,onboarding:1e3},L={[b.Base]:{typography:o,zIndex:i,colors:d},[b.TCX]:{typography:o,zIndex:i,colors:{...d,...d.theme.tcx}},[b.TC5]:{typography:o,zIndex:i,colors:{...d,...d.theme.tc5}},[b.X5]:{typography:o,zIndex:i,colors:{...d,...d.theme.x5}}},V={colors:d,scroll:g,shadows:p,zIndex:i,spaces:l,typography:o};exports.Placement=h;exports.SizeTokenValue=x;exports.SpaceTokenName=u;exports.ThemeName=b;exports.Typography=R;exports.colors=d;exports.default=V;exports.getQAAttribute=Y;exports.scroll=g;exports.shadows=p;exports.spaces=l;exports.startOfDay=A;exports.themes=L;exports.typography=o;exports.useClickAway=z;exports.useRefMerge=S;exports.useUpdateEffect=J;exports.zIndex=i;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@emotion/react");const Z=require("@emotion/react/jsx-runtime"),m=require("@emotion/styled/base"),i=require("react"),p=e=>e&&e.__esModule?e:{default:e},G=p(m),l=p(i),C={uiGrey:{5:"#f6f6f8"},uiAccent:{5:"#f0f9fc"},red:{10:"#feebee",20:"#fecdd2",30:"#ef9a9a",40:"#e57373",50:"#ef5350",60:"#f44336",70:"#e53935",80:"#d32f2f",90:"#c62828",100:"#b71c1c"},green:{10:"#f1f8e9",20:"#dcedc8",30:"#c5e1a5",40:"#aed581",50:"#9ccc65",60:"#8bc34a",70:"#7cb342",80:"#689f38",90:"#558b2f",100:"#33691e"},lime:{10:"#f9fbe7",20:"#f0f4c3",30:"#e6ee9c",40:"#dce775",50:"#d4e157",60:"#cddc39",70:"#c0ca33",80:"#afb42b",90:"#9e9d24",100:"#827717"},indigo:{10:"#e8eaf6",20:"#c5cae9",30:"#9fa8da",40:"#7986cb",50:"#5c6bc0",60:"#3f51b5",70:"#3949ab",80:"#303f9f",90:"#283593",100:"#1a237e"},purple:{10:"#ede7f6",20:"#d1c4e9",30:"#b39ddb",40:"#9575cd",50:"#7e57c2",60:"#673ab7",70:"#5e35b1",80:"#512da8",90:"#4527a0",100:"#311b92"},teal:{10:"#e0f2f1",20:"#b2dfdb",30:"#80cbc4",40:"#4db6ac",50:"#26a69a",60:"#009688",70:"#00897b",80:"#00796b",90:"#00695c",100:"#004d40"},cyan:{10:"#e0f7fa",20:"#b2ebf2",30:"#80deea",40:"#4dd0e1",50:"#26c6da",60:"#00bcd4",70:"#00acc1",80:"#0097a7",90:"#00838f",100:"#006064"},bluegrey:{10:"#eceff1",20:"#cfd8dc",30:"#b0bec5",40:"#90a4ae",50:"#78909c",60:"#607d8b",70:"#546e7a",80:"#455a64",90:"#37474f",100:"#263238"},amber:{10:"#fff8e1",20:"#ffecb3",30:"#ffe082",40:"#ffd54f",50:"#ffca28",60:"#ffc107",70:"#ffb300",80:"#ffa000",90:"#ff8f00",100:"#ff6f00"},pink:{10:"#fce4ec",20:"#f8bbd0",30:"#f48fb1",40:"#f06292",50:"#ec407a",60:"#e91e63",70:"#d81b60",80:"#c2185b",90:"#ad1457",100:"#880e4f"},brown:{10:"#efebe9",20:"#d7ccc8",30:"#bcaaa4",40:"#a1887f",50:"#8d6e63",60:"#795548",70:"#6d4c41",80:"#5d4037",90:"#4e342e",100:"#3e2723"},yellow:{10:"#fffde7",20:"#fff9c4",30:"#fff59d",40:"#fff176",50:"#ffee58",60:"#ffeb3b",70:"#fdd835",80:"#fbc02d",90:"#f9a825",100:"#f57f17"},orange:{10:"#fbe9e7",20:"#ffccbc",30:"#ffab91",40:"#ff8a65",50:"#ff7043",60:"#ff5722",70:"#f4511e",80:"#e64a19",90:"#d84315",100:"#bf360c"}},W={blueGrey:{5:"#f3f5f6",10:"#eaedef",20:"#d0d7dc",30:"#b3bec7",40:"#9aa9b5",50:"#7b8f9e",60:"#637889",70:"#506372",80:"#415361",90:"#334250",100:"#25303c"},brown:{5:"#f5f5f4",10:"#edebe8",20:"#dcd4cb",30:"#bdb2a8",40:"#9e8f80",50:"#84725e",60:"#725e4a",70:"#66523e",80:"#564533",90:"#493a2a",100:"#3b2b1c"},pink:{5:"#fff0f7",10:"#fee6f1",20:"#ffc7e1",30:"#f89bc7",40:"#eb70b0",50:"#e151a1",60:"#d22d94",70:"#c41289",80:"#b2067e",90:"#9d0273",100:"#7d0366"},purple:{5:"#fdf1fe",10:"#fae3fd",20:"#eebff2",30:"#dd90e4",40:"#c763cf",50:"#b343bd",60:"#a432ae",70:"#9726a1",80:"#8c1698",90:"#7e0b88",100:"#670470"},violet:{5:"#f8f4ff",10:"#efeafe",20:"#d8cafc",30:"#bba0f5",40:"#a179ec",50:"#8e5ce5",60:"#8247e1",70:"#7535d4",80:"#6c20cf",90:"#5e08ba",100:"#460891"},indigo:{5:"#f4f4ff",10:"#ebebff",20:"#d2d2ff",30:"#b2b3fa",40:"#9193f5",50:"#7375f4",60:"#5c5ee9",70:"#4b4ddd",80:"#3e3cce",90:"#3734bf",100:"#2b29a2"},blue:{5:"#f0f7fc",10:"#e3f2fd",20:"#c0e3ff",30:"#93cdfc",40:"#64b5f6",50:"#42a5f5",60:"#2094f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"},cyan:{5:"#eafcfd",10:"#dbf8fa",20:"#b6e9ed",30:"#81d5db",40:"#51c2ca",50:"#30b2bc",60:"#03a2ab",70:"#00949e",80:"#00858f",90:"#01757e",100:"#045961"},green:{5:"#f3fdf0",10:"#e7fbe0",20:"#ccedc1",30:"#a8db97",40:"#84cb6d",50:"#6ac04d",60:"#56b238",70:"#46a527",80:"#3b961d",90:"#2b800e",100:"#1a6800"},red:{5:"#fff5f6",10:"#ffebed",20:"#ffd2d2",30:"#ffa59e",40:"#fb7b6f",50:"#f45948",60:"#ee412b",70:"#e6341c",80:"#d82a13",90:"#c8250f",100:"#b21b00"},orange:{5:"#fff5eb",10:"#ffeddb",20:"#ffd9b2",30:"#febf81",40:"#fca751",50:"#fb962b",60:"#f9820b",70:"#f97501",80:"#f26202",90:"#e55806",100:"#d14600"},yellow:{5:"#fffadb",10:"#fdf6c3",20:"#fdec96",30:"#f7de6e",40:"#f5d142",50:"#fac529",60:"#f8b612",70:"#f6a904",80:"#f59700",90:"#e58600",100:"#cf7400"},olive:{5:"#fdffdc",10:"#f8fabd",20:"#ebee96",30:"#dce067",40:"#c8cd42",50:"#b9be2d",60:"#abb01c",70:"#9da20e",80:"#8f9401",90:"#7c8001",100:"#5e6100"}};var b=(e=>(e.Base="base",e.TCX="tcx",e.TC5="tc5",e.X5="x5",e))(b||{});const s={[b.Base]:{grey:{5:"#f7f8fa",10:"#eff1f5",20:"#e1e5eb",30:"#cfd4dc",40:"#b4bbc6",50:"#9299a4",60:"#6c737d",70:"#50565e",80:"#3b4047",90:"#2a2e33",100:"#222429"},accent:{5:"#f0f7fc",10:"#e3f2fd",20:"#bbdefb",30:"#90caf9",40:"#64b5f6",50:"#42a5f5",60:"#2196f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"}},[b.TCX]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d7d9",40:"#b2bdbf",50:"#919c9e",60:"#6d7678",70:"#515859",80:"#3c4142",90:"#2b3030",100:"#222626"},accent:{5:"#f0fcf2",10:"#e1f7e4",20:"#c5e8ca",30:"#99cea0",40:"#72c07d",50:"#55b465",60:"#32a94b",70:"#2a9b43",80:"#1e8737",90:"#0e762c",100:"#00591d"}},[b.TC5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d6d9",40:"#b2bbbf",50:"#919a9e",60:"#6d7578",70:"#515759",80:"#3c4042",90:"#2b2f30",100:"#222526"},accent:{5:"#f0fdf3",10:"#e1fae6",20:"#c3ebca",30:"#98daa5",40:"#6dcb81",50:"#4dc069",60:"#20b44f",70:"#15a546",80:"#00923a",90:"#00812f",100:"#00631f"}},[b.X5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e8e8",30:"#d0d9d9",40:"#b2bfbf",50:"#919e9e",60:"#6d7878",70:"#515959",80:"#3c4242",90:"#2b3030",100:"#222626"},accent:{5:"#f5fcf0",10:"#ebfae1",20:"#d0f0bb",30:"#b0dd92",40:"#97d26d",50:"#84c950",60:"#6fc031",70:"#5faf2d",80:"#4e9c1f",90:"#3a8918",100:"#0d6706"}}},d={...s.base,white:"#ffffff",additional:W,theme:s,more:C};function w(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const u=process.env.NODE_ENV==="production"?{name:"1uy0nzf",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);}"}:{name:"7f5j1q-scroll",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);};label:scroll;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy9zY3JvbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy90aGVtZS9zcmMvc2Nyb2xsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y3NzfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGwgPSBjc3NgXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGJvdHRvbTogMDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItYnV0dG9uIHtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBib3JkZXI6IDRweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDApO1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IHBhZGRpbmctYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjZmQ0ZGM7XG4gIH1cbiAgOjotd2Via2l0LXNjcm9sbGJhci1jb3JuZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgfVxuYDtcbiJdfQ== */",toString:w},v="0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)",B="0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)",Y="0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)",x={large:Y,medium:B,small:v};var h=(e=>(e.X0="x0",e.X1="x1",e.X2="x2",e.X3="x3",e.X4="x4",e.X5="x5",e.X6="x6",e.X8="x8",e.X10="x10",e.X12="x12",e.X16="x16",e.X20="x20",e))(h||{});const g={x0:0,x1:2,x2:4,x3:6,x4:8,x5:10,x6:12,x8:16,x10:20,x12:24,x16:32,x20:40,join:(...e)=>e.map(f=>`${g[f]}px`).join(" ")};var I=(e=>(e.XLarge="XLarge",e.Large="large",e.Medium="medium",e.Small="small",e.XSmall="XSmall",e.XXSmall="XXSmall",e))(I||{}),y=(e=>(e.Top="top",e.Right="right",e.Bottom="bottom",e.Left="left",e.TopStart="top-start",e.TopEnd="top-end",e.RightStart="right-start",e.RightEnd="right-end",e.BottomStart="bottom-start",e.BottomEnd="bottom-end",e.LeftStart="left-start",e.LeftEnd="left-end",e))(y||{});const z=e=>{if(e.getHours()===0&&e.getMinutes()===0&&e.getSeconds()===0&&e.getMilliseconds()===0)return e;const f=new Date(e.getTime());return f.setHours(0,0,0,0),f},X=e=>/^17|18\./.test(l.default.version)?l.default.forwardRef(e):({ref:f,...t})=>e(t,f),J=e=>String(l.default.version).startsWith("19.")?e.props.ref:e.ref,L=e=>(f,t)=>{let a=e;if(f&&(a+=`-${f}`),t)for(const n in t)t[n]===!0&&(a+=":"+n);return a},R=(e,...f)=>{i.useEffect(()=>{const t=a=>{if(a.target instanceof Element){for(const n of f)if(!n.current||n.current.contains(a.target))return;e(a)}};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t)}},[e])},A=e=>{const f=i.useRef(null),t=e&&typeof e!="function"?e:f;return i.useEffect(()=>{typeof e=="function"&&e(f.current??null)},[e]),t},H=(e,f)=>{const t=i.useRef(!0);i.useEffect(()=>{if(t.current){t.current=!1;return}return e()},f)},S=G.default("div",process.env.NODE_ENV==="production"?{target:"e195o4we0"}:{target:"e195o4we0",label:"Container"})(e=>e.theme.typography[e.variant],process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy90eXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0IiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvdGhlbWUvc3JjL3R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAnY29tbW9uJztcblxuaW1wb3J0IHR5cGUge0FuY2hvckhUTUxBdHRyaWJ1dGVzLCBFbGVtZW50VHlwZSwgSFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUge1R5cG9ncmFwaHlWYXJpYW50fSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgVHlwb2dyYXBoeVByb3BzID0ge1xuICAvKiog0JLQsNGA0LjQsNC90YIgKi9cbiAgdmFyaWFudDoga2V5b2YgVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKiBUYWdOYW1lIC0g0L/QviDRg9C80L7Qu9GH0LDQvdC40Y4gZGl2ICovXG4gIGFzPzogRWxlbWVudFR5cGU7XG59ICYgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICZcbiAgQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2PFBpY2s8VHlwb2dyYXBoeVByb3BzLCAndmFyaWFudCc+Pihwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5W3Byb3BzLnZhcmlhbnRdKTtcblxuZXhwb3J0IGNvbnN0IFR5cG9ncmFwaHkgPSBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBUeXBvZ3JhcGh5UHJvcHM+KChwcm9wcywgcmVmKSA9PiAoXG4gIDxDb250YWluZXIgey4uLnByb3BzfSByZWY9e3JlZn0gLz5cbikpO1xuIl19 */"),V=X((e,f)=>Z.jsx(S,{...e,ref:f})),c={fontFamily:'"X5 Sans UI", Roboto, Arial, Helvetica, sans-serif',WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},o={base:c,h1:{...c,fontSize:"36px",lineHeight:"44px",fontWeight:"400",letterSpacing:"-0.2px"},h2:{...c,fontSize:"28px",lineHeight:"36px",fontWeight:"500",letterSpacing:"0px"},h3:{...c,fontSize:"20px",lineHeight:"24px",fontWeight:"500",letterSpacing:"0.12px"},h4:{...c,fontSize:"16px",lineHeight:"20px",fontWeight:"500",letterSpacing:"0.12px"},h5:{...c,fontSize:"14px",lineHeight:"16px",fontWeight:"500",letterSpacing:"0.08px"},h6:{...c,fontSize:"12px",lineHeight:"16px",fontWeight:"500",letterSpacing:"1.2px",textTransform:"uppercase"},p1:{...c,fontSize:"16px",lineHeight:"24px",fontWeight:"400",letterSpacing:"0.12px"},p1compact:{...c,fontSize:"16px",lineHeight:"20px",fontWeight:"400",letterSpacing:"0.12px"},p2:{...c,fontSize:"14px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"},p3:{...c,fontSize:"12px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"}},r={dropdown:800,modal:800,tooltip:800,loader:900,onboarding:1e3},F={[b.Base]:{typography:o,zIndex:r,colors:d},[b.TCX]:{typography:o,zIndex:r,colors:{...d,...d.theme.tcx}},[b.TC5]:{typography:o,zIndex:r,colors:{...d,...d.theme.tc5}},[b.X5]:{typography:o,zIndex:r,colors:{...d,...d.theme.x5}}},D={colors:d,scroll:u,shadows:x,zIndex:r,spaces:g,typography:o};exports.Placement=y;exports.SizeTokenValue=I;exports.SpaceTokenName=h;exports.ThemeName=b;exports.Typography=V;exports.colors=d;exports.default=D;exports.forwardRef=X;exports.getElementRef=J;exports.getQAAttribute=L;exports.scroll=u;exports.shadows=x;exports.spaces=g;exports.startOfDay=z;exports.themes=F;exports.typography=o;exports.useClickAway=R;exports.useRefMerge=A;exports.useUpdateEffect=H;exports.zIndex=r;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../src/colors/more.ts","../src/colors/additional.ts","../src/types.ts","../src/colors/theme.ts","../src/colors/ui.ts","../src/colors/index.ts","../src/scroll/index.tsx","../src/shadows/index.ts","../src/spaces/index.ts","../src/typography/Typography.tsx","../src/typography/types.ts","../src/common/types.ts","../src/common/date.ts","../src/common/getQAAttribute.ts","../src/common/useClickAway.ts","../src/common/useRefMerge.ts","../src/common/useUpdateEffect.ts","../src/index.ts"],"sourcesContent":["import type {MorePalette} from './types';\n\nexport const more: MorePalette = {\n red: {\n 10: '#feebee',\n 20: '#fecdd2',\n 30: '#ef9a9a',\n 40: '#e57373',\n 50: '#ef5350',\n 60: '#f44336',\n 70: '#e53935',\n 80: '#d32f2f',\n 90: '#c62828',\n 100: '#b71c1c',\n },\n\n green: {\n 10: '#f1f8e9',\n 20: '#dcedc8',\n 30: '#c5e1a5',\n 40: '#aed581',\n 50: '#9ccc65',\n 60: '#8bc34a',\n 70: '#7cb342',\n 80: '#689f38',\n 90: '#558b2f',\n 100: '#33691e',\n },\n\n lime: {\n 10: '#f9fbe7',\n 20: '#f0f4c3',\n 30: '#e6ee9c',\n 40: '#dce775',\n 50: '#d4e157',\n 60: '#cddc39',\n 70: '#c0ca33',\n 80: '#afb42b',\n 90: '#9e9d24',\n 100: '#827717',\n },\n\n indigo: {\n 10: '#e8eaf6',\n 20: '#c5cae9',\n 30: '#9fa8da',\n 40: '#7986cb',\n 50: '#5c6bc0',\n 60: '#3f51b5',\n 70: '#3949ab',\n 80: '#303f9f',\n 90: '#283593',\n 100: '#1a237e',\n },\n\n purple: {\n 10: '#ede7f6',\n 20: '#d1c4e9',\n 30: '#b39ddb',\n 40: '#9575cd',\n 50: '#7e57c2',\n 60: '#673ab7',\n 70: '#5e35b1',\n 80: '#512da8',\n 90: '#4527a0',\n 100: '#311b92',\n },\n\n teal: {\n 10: '#e0f2f1',\n 20: '#b2dfdb',\n 30: '#80cbc4',\n 40: '#4db6ac',\n 50: '#26a69a',\n 60: '#009688',\n 70: '#00897b',\n 80: '#00796b',\n 90: '#00695c',\n 100: '#004d40',\n },\n\n cyan: {\n 10: '#e0f7fa',\n 20: '#b2ebf2',\n 30: '#80deea',\n 40: '#4dd0e1',\n 50: '#26c6da',\n 60: '#00bcd4',\n 70: '#00acc1',\n 80: '#0097a7',\n 90: '#00838f',\n 100: '#006064',\n },\n\n bluegrey: {\n 10: '#eceff1',\n 20: '#cfd8dc',\n 30: '#b0bec5',\n 40: '#90a4ae',\n 50: '#78909c',\n 60: '#607d8b',\n 70: '#546e7a',\n 80: '#455a64',\n 90: '#37474f',\n 100: '#263238',\n },\n\n amber: {\n 10: '#fff8e1',\n 20: '#ffecb3',\n 30: '#ffe082',\n 40: '#ffd54f',\n 50: '#ffca28',\n 60: '#ffc107',\n 70: '#ffb300',\n 80: '#ffa000',\n 90: '#ff8f00',\n 100: '#ff6f00',\n },\n\n pink: {\n 10: '#fce4ec',\n 20: '#f8bbd0',\n 30: '#f48fb1',\n 40: '#f06292',\n 50: '#ec407a',\n 60: '#e91e63',\n 70: '#d81b60',\n 80: '#c2185b',\n 90: '#ad1457',\n 100: '#880e4f',\n },\n\n brown: {\n 10: '#efebe9',\n 20: '#d7ccc8',\n 30: '#bcaaa4',\n 40: '#a1887f',\n 50: '#8d6e63',\n 60: '#795548',\n 70: '#6d4c41',\n 80: '#5d4037',\n 90: '#4e342e',\n 100: '#3e2723',\n },\n\n yellow: {\n 10: '#fffde7',\n 20: '#fff9c4',\n 30: '#fff59d',\n 40: '#fff176',\n 50: '#ffee58',\n 60: '#ffeb3b',\n 70: '#fdd835',\n 80: '#fbc02d',\n 90: '#f9a825',\n 100: '#f57f17',\n },\n\n orange: {\n 10: '#fbe9e7',\n 20: '#ffccbc',\n 30: '#ffab91',\n 40: '#ff8a65',\n 50: '#ff7043',\n 60: '#ff5722',\n 70: '#f4511e',\n 80: '#e64a19',\n 90: '#d84315',\n 100: '#bf360c',\n },\n} as const;\n","import type {AdditionalPalette} from './types';\n\nexport const additional: AdditionalPalette = {\n blueGrey: {\n 5: '#f3f5f6',\n 10: '#eaedef',\n 20: '#d0d7dc',\n 30: '#b3bec7',\n 40: '#9aa9b5',\n 50: '#7b8f9e',\n 60: '#637889',\n 70: '#506372',\n 80: '#415361',\n 90: '#334250',\n 100: '#25303c',\n },\n\n brown: {\n 5: '#f5f5f4',\n 10: '#edebe8',\n 20: '#dcd4cb',\n 30: '#bdb2a8',\n 40: '#9e8f80',\n 50: '#84725e',\n 60: '#725e4a',\n 70: '#66523e',\n 80: '#564533',\n 90: '#493a2a',\n 100: '#3b2b1c',\n },\n\n pink: {\n 5: '#fff0f7',\n 10: '#fee6f1',\n 20: '#ffc7e1',\n 30: '#f89bc7',\n 40: '#eb70b0',\n 50: '#e151a1',\n 60: '#d22d94',\n 70: '#c41289',\n 80: '#b2067e',\n 90: '#9d0273',\n 100: '#7d0366',\n },\n\n purple: {\n 5: '#fdf1fe',\n 10: '#fae3fd',\n 20: '#eebff2',\n 30: '#dd90e4',\n 40: '#c763cf',\n 50: '#b343bd',\n 60: '#a432ae',\n 70: '#9726a1',\n 80: '#8c1698',\n 90: '#7e0b88',\n 100: '#670470',\n },\n\n violet: {\n 5: '#f8f4ff',\n 10: '#efeafe',\n 20: '#d8cafc',\n 30: '#bba0f5',\n 40: '#a179ec',\n 50: '#8e5ce5',\n 60: '#8247e1',\n 70: '#7535d4',\n 80: '#6c20cf',\n 90: '#5e08ba',\n 100: '#460891',\n },\n\n indigo: {\n 5: '#f4f4ff',\n 10: '#ebebff',\n 20: '#d2d2ff',\n 30: '#b2b3fa',\n 40: '#9193f5',\n 50: '#7375f4',\n 60: '#5c5ee9',\n 70: '#4b4ddd',\n 80: '#3e3cce',\n 90: '#3734bf',\n 100: '#2b29a2',\n },\n\n blue: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#c0e3ff',\n 30: '#93cdfc',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2094f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n\n cyan: {\n 5: '#eafcfd',\n 10: '#dbf8fa',\n 20: '#b6e9ed',\n 30: '#81d5db',\n 40: '#51c2ca',\n 50: '#30b2bc',\n 60: '#03a2ab',\n 70: '#00949e',\n 80: '#00858f',\n 90: '#01757e',\n 100: '#045961',\n },\n\n green: {\n 5: '#f3fdf0',\n 10: '#e7fbe0',\n 20: '#ccedc1',\n 30: '#a8db97',\n 40: '#84cb6d',\n 50: '#6ac04d',\n 60: '#56b238',\n 70: '#46a527',\n 80: '#3b961d',\n 90: '#2b800e',\n 100: '#1a6800',\n },\n\n red: {\n 5: '#fff5f6',\n 10: '#ffebed',\n 20: '#ffd2d2',\n 30: '#ffa59e',\n 40: '#fb7b6f',\n 50: '#f45948',\n 60: '#ee412b',\n 70: '#e6341c',\n 80: '#d82a13',\n 90: '#c8250f',\n 100: '#b21b00',\n },\n\n orange: {\n 5: '#fff5eb',\n 10: '#ffeddb',\n 20: '#ffd9b2',\n 30: '#febf81',\n 40: '#fca751',\n 50: '#fb962b',\n 60: '#f9820b',\n 70: '#f97501',\n 80: '#f26202',\n 90: '#e55806',\n 100: '#d14600',\n },\n\n yellow: {\n 5: '#fffadb',\n 10: '#fdf6c3',\n 20: '#fdec96',\n 30: '#f7de6e',\n 40: '#f5d142',\n 50: '#fac529',\n 60: '#f8b612',\n 70: '#f6a904',\n 80: '#f59700',\n 90: '#e58600',\n 100: '#cf7400',\n },\n\n olive: {\n 5: '#fdffdc',\n 10: '#f8fabd',\n 20: '#ebee96',\n 30: '#dce067',\n 40: '#c8cd42',\n 50: '#b9be2d',\n 60: '#abb01c',\n 70: '#9da20e',\n 80: '#8f9401',\n 90: '#7c8001',\n 100: '#5e6100',\n },\n} as const;\n","import '@emotion/react';\n\nimport type {Colors} from './colors';\nimport type {TypographyVariant} from './typography';\n\nexport enum ThemeName {\n Base = 'base',\n TCX = 'tcx',\n TC5 = 'tc5',\n X5 = 'x5',\n}\n\nexport type ZIndex = {\n dropdown: number;\n modal: number;\n tooltip: number;\n loader: number;\n onboarding: number;\n};\n\nexport type ThemeProps = {\n /** Цвета */\n colors: Colors;\n\n /** Размеры текста и шрифты */\n typography: TypographyVariant;\n\n /** Отступы */\n zIndex: ZIndex;\n};\n\ndeclare module '@emotion/react' {\n export interface Theme extends ThemeProps {}\n}\n","import {ThemeName} from '../types';\n\nimport type {UIPalette} from './types';\n\nexport const theme: Record<ThemeName, UIPalette> = {\n [ThemeName.Base]: {\n grey: {\n 5: '#f7f8fa',\n 10: '#eff1f5',\n 20: '#e1e5eb',\n 30: '#cfd4dc',\n 40: '#b4bbc6',\n 50: '#9299a4',\n 60: '#6c737d',\n 70: '#50565e',\n 80: '#3b4047',\n 90: '#2a2e33',\n 100: '#222429',\n },\n accent: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#bbdefb',\n 30: '#90caf9',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2196f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n },\n\n [ThemeName.TCX]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d7d9',\n 40: '#b2bdbf',\n 50: '#919c9e',\n 60: '#6d7678',\n 70: '#515859',\n 80: '#3c4142',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f0fcf2',\n 10: '#e1f7e4',\n 20: '#c5e8ca',\n 30: '#99cea0',\n 40: '#72c07d',\n 50: '#55b465',\n 60: '#32a94b',\n 70: '#2a9b43',\n 80: '#1e8737',\n 90: '#0e762c',\n 100: '#00591d',\n },\n },\n\n [ThemeName.TC5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d6d9',\n 40: '#b2bbbf',\n 50: '#919a9e',\n 60: '#6d7578',\n 70: '#515759',\n 80: '#3c4042',\n 90: '#2b2f30',\n 100: '#222526',\n },\n\n accent: {\n 5: '#f0fdf3',\n 10: '#e1fae6',\n 20: '#c3ebca',\n 30: '#98daa5',\n 40: '#6dcb81',\n 50: '#4dc069',\n 60: '#20b44f',\n 70: '#15a546',\n 80: '#00923a',\n 90: '#00812f',\n 100: '#00631f',\n },\n },\n\n [ThemeName.X5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e8e8',\n 30: '#d0d9d9',\n 40: '#b2bfbf',\n 50: '#919e9e',\n 60: '#6d7878',\n 70: '#515959',\n 80: '#3c4242',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f5fcf0',\n 10: '#ebfae1',\n 20: '#d0f0bb',\n 30: '#b0dd92',\n 40: '#97d26d',\n 50: '#84c950',\n 60: '#6fc031',\n 70: '#5faf2d',\n 80: '#4e9c1f',\n 90: '#3a8918',\n 100: '#0d6706',\n },\n },\n} as const;\n","import type {UIPalette} from './types';\n\nexport const ui: UIPalette = {\n grey: {\n 5: '#f6f6f8',\n 10: '#eff1f5',\n 20: '#e1e5eb',\n 30: '#cfd4dc',\n 40: '#b4bbc6',\n 50: '#9299a4',\n 60: '#6c737d',\n 70: '#50565e',\n 80: '#3b4047',\n 90: '#2a2e33',\n 100: '#222429',\n },\n\n accent: {\n 5: '#f0f9fc',\n 10: '#e3f2fd',\n 20: '#bbdefb',\n 30: '#90caf9',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2196f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n} as const;\n","import {more} from './more';\nimport {additional} from './additional';\nimport {theme} from './theme';\nimport {ui} from './ui';\n\nexport * from './types';\n\nexport const colors = {\n ...more,\n ...theme.base,\n\n white: '#ffffff',\n\n additional,\n ui,\n theme,\n} as const;\n","import {css} from '@emotion/react';\n\nexport const scroll = css`\n ::-webkit-scrollbar {\n top: 0;\n left: 0;\n right: 0;\n width: 16px;\n bottom: 0;\n height: 16px;\n position: absolute;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n min-height: 32px;\n border-radius: 16px;\n background-clip: padding-box;\n background-color: #cfd4dc;\n }\n ::-webkit-scrollbar-corner {\n display: none;\n background-color: rgba(0, 0, 0, 0);\n }\n`;\n","const small = '0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)';\nconst medium =\n '0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)';\nconst large =\n '0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)';\n\nexport const shadows = {large, medium, small} as const;\n","export type SpaceTokenValue = number;\n\nexport enum SpaceTokenName {\n X0 = 'x0',\n X1 = 'x1',\n X2 = 'x2',\n X3 = 'x3',\n X4 = 'x4',\n X5 = 'x5',\n X6 = 'x6',\n X8 = 'x8',\n X10 = 'x10',\n X12 = 'x12',\n X16 = 'x16',\n X20 = 'x20',\n}\n\nexport type SpaceJoinArgs = Array<SpaceTokenName | `${SpaceTokenName}`>;\n\nexport type SpaceTokenRecord = {\n join: (...args: SpaceJoinArgs) => string;\n} & Record<SpaceTokenName, SpaceTokenValue>;\n\nexport const spaces: SpaceTokenRecord = {\n [SpaceTokenName.X0]: 0,\n [SpaceTokenName.X1]: 2,\n [SpaceTokenName.X2]: 4,\n [SpaceTokenName.X3]: 6,\n [SpaceTokenName.X4]: 8,\n [SpaceTokenName.X5]: 10,\n [SpaceTokenName.X6]: 12,\n [SpaceTokenName.X8]: 16,\n [SpaceTokenName.X10]: 20,\n [SpaceTokenName.X12]: 24,\n [SpaceTokenName.X16]: 32,\n [SpaceTokenName.X20]: 40,\n\n join: (...args) => args.map(key => `${spaces[key]}px`).join(' '),\n};\n","import {forwardRef} from 'react';\nimport styled from '@emotion/styled';\n\nimport type {AnchorHTMLAttributes, ElementType, HTMLAttributes} from 'react';\n\nimport type {TypographyVariant} from './types';\n\nexport type TypographyProps = {\n /** Вариант */\n variant: keyof TypographyVariant;\n /** TagName - по умолчанию div */\n as?: ElementType;\n} & HTMLAttributes<HTMLDivElement> &\n AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst Container = styled.div<Pick<TypographyProps, 'variant'>>(props => props.theme.typography[props.variant]);\n\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>((props, ref) => (\n <Container {...props} ref={ref} />\n));\n","import type {CSSProperties} from '../common';\n\nconst base = {\n fontFamily: '\"X5 Sans UI\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nexport type TypographyVariant = {\n base: CSSProperties;\n h1: CSSProperties;\n h2: CSSProperties;\n h3: CSSProperties;\n h4: CSSProperties;\n h5: CSSProperties;\n h6: CSSProperties;\n p1: CSSProperties;\n p1compact: CSSProperties;\n p2: CSSProperties;\n p3: CSSProperties;\n};\n\nexport const typography: TypographyVariant = {\n base,\n h1: {\n ...base,\n fontSize: '36px',\n lineHeight: '44px',\n fontWeight: '400',\n letterSpacing: '-0.2px',\n },\n h2: {\n ...base,\n fontSize: '28px',\n lineHeight: '36px',\n fontWeight: '500',\n letterSpacing: '0px',\n },\n h3: {\n ...base,\n fontSize: '20px',\n lineHeight: '24px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h4: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h5: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '0.08px',\n },\n h6: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '1.2px',\n textTransform: 'uppercase',\n },\n p1: {\n ...base,\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p1compact: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p2: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n p3: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n} as const;\n","import type {CSSProperties as BaseCSSProperties, ReactNode} from 'react';\n\nexport type PropsWithChildren = {\n children?: ReactNode;\n};\n\nexport type CSSProperties = Omit<BaseCSSProperties, 'template'>;\n\nexport enum SizeTokenValue {\n XLarge = 'XLarge',\n Large = 'large',\n Medium = 'medium',\n Small = 'small',\n XSmall = 'XSmall',\n XXSmall = 'XXSmall',\n}\n\nexport enum Placement {\n Top = 'top',\n Right = 'right',\n Bottom = 'bottom',\n Left = 'left',\n TopStart = 'top-start',\n TopEnd = 'top-end',\n RightStart = 'right-start',\n RightEnd = 'right-end',\n BottomStart = 'bottom-start',\n BottomEnd = 'bottom-end',\n LeftStart = 'left-start',\n LeftEnd = 'left-end',\n}\n","/** Устанавливает дату в начало дня.\n *\n * Возвращает ту-же дату если она уже подходит под условие.\n */\nexport const startOfDay = (date: Date) => {\n if (date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0 && date.getMilliseconds() === 0) {\n return date;\n }\n\n const newDate = new Date(date.getTime());\n\n newDate.setHours(0, 0, 0, 0);\n\n return newDate;\n};\n","export type QA = {\n /** data-qa аттрибут */\n qa?: string;\n};\n\nexport type RequiredQA = Required<QA>;\n\n/** Helper работы с data-qa */\nexport const getQAAttribute = (rootName: string) => {\n return (subName?: string | number, state?: Record<string, boolean>): string => {\n let name = rootName;\n\n if (subName) {\n name += `-${subName}`;\n }\n\n if (state) {\n for (const item in state) {\n if (state[item] === true) {\n name += ':' + item;\n }\n }\n }\n\n return name;\n };\n};\n","import {useEffect} from 'react';\n\nimport type {RefObject} from 'react';\n\n/** Обработчик нажатия вне refs */\nexport const useClickAway = (handler: EventListener, ...refs: Array<RefObject<Element>>): void => {\n useEffect(() => {\n const listener = (e: MouseEvent) => {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n for (const ref of refs) {\n if (!ref.current || ref.current.contains(e.target)) {\n return;\n }\n }\n\n handler(e);\n };\n\n document.addEventListener('click', listener, true);\n\n return () => {\n document.removeEventListener('click', listener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handler]);\n};\n","import {useEffect, useRef} from 'react';\n\nimport type {Ref} from 'react';\n\n/** Объединение ref.\n *\n * Возвращает тот же ref если передан RefObject\n */\nexport const useRefMerge = <T>(baseRef?: Ref<T>) => {\n const innerRef = useRef<T>(null);\n\n const ref = baseRef && typeof baseRef !== 'function' ? baseRef : innerRef;\n\n useEffect(() => {\n if (typeof baseRef === 'function') {\n baseRef(innerRef.current ?? null);\n }\n }, [baseRef]);\n\n return ref;\n};\n","import {useEffect, useRef} from 'react';\n\n/** Обработчик изменения deps, вне первого рендера */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirstMount = useRef<boolean>(true);\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n return;\n }\n\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n","import {colors} from './colors';\nimport {scroll} from './scroll';\nimport {shadows} from './shadows';\nimport {spaces} from './spaces';\nimport {typography} from './typography';\nimport {ThemeName} from './types';\n\nimport type {ThemeProps} from './types';\n\nexport * from './colors';\nexport * from './scroll';\nexport * from './shadows';\nexport * from './spaces';\nexport * from './typography';\n\nexport * from './common';\nexport * from './types';\n\n/** Отступы */\nexport const zIndex = {\n dropdown: 100,\n modal: 800,\n tooltip: 800,\n loader: 900,\n onboarding: 1000,\n} as const;\n\nexport const themes: Record<ThemeName, ThemeProps> = {\n [ThemeName.Base]: {\n typography,\n zIndex,\n colors,\n },\n [ThemeName.TCX]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tcx,\n },\n },\n [ThemeName.TC5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tc5,\n },\n },\n [ThemeName.X5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.x5,\n },\n },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {colors, scroll, shadows, zIndex, spaces, typography};\n"],"names":["more","red","green","lime","indigo","purple","teal","cyan","bluegrey","amber","pink","brown","yellow","orange","additional","blueGrey","violet","blue","olive","ThemeName","Base","TCX","TC5","X5","theme","grey","accent","ui","colors","base","white","scroll","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","small","medium","large","shadows","SpaceTokenName","X0","X1","X2","X3","X4","X6","X8","X10","X12","X16","X20","spaces","join","args","map","key","Container","_styled","target","label","props","typography","variant","Typography","forwardRef","ref","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","h1","fontSize","lineHeight","fontWeight","letterSpacing","h2","h3","h4","h5","h6","textTransform","p1","p1compact","p2","p3","SizeTokenValue","XLarge","Large","Medium","Small","XSmall","XXSmall","Placement","Top","Right","Bottom","Left","TopStart","TopEnd","RightStart","RightEnd","BottomStart","BottomEnd","LeftStart","LeftEnd","startOfDay","date","getHours","getMinutes","getSeconds","getMilliseconds","newDate","Date","getTime","setHours","getQAAttribute","rootName","subName","state","item","useClickAway","handler","refs","useEffect","listener","e","Element","current","contains","addEventListener","removeEventListener","useRefMerge","baseRef","innerRef","useRef","useUpdateEffect","effect","deps","isFirstMount","zIndex","dropdown","modal","tooltip","loader","onboarding","themes","tcx","tc5","x5","index"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs","sources":["../src/colors/more.ts","../src/colors/additional.ts","../src/types.ts","../src/colors/theme.ts","../src/colors/index.ts","../src/scroll/index.tsx","../src/shadows/index.ts","../src/spaces/index.ts","../src/common/types.ts","../src/common/date.ts","../src/common/forwardRef.ts","../src/common/getQAAttribute.ts","../src/common/useClickAway.ts","../src/common/useRefMerge.ts","../src/common/useUpdateEffect.ts","../src/typography/Typography.tsx","../src/typography/types.ts","../src/index.ts"],"sourcesContent":["import type {MorePalette} from './types';\n\nexport const more: MorePalette = {\n uiGrey: {\n 5: '#f6f6f8',\n },\n\n uiAccent: {\n 5: '#f0f9fc',\n },\n\n red: {\n 10: '#feebee',\n 20: '#fecdd2',\n 30: '#ef9a9a',\n 40: '#e57373',\n 50: '#ef5350',\n 60: '#f44336',\n 70: '#e53935',\n 80: '#d32f2f',\n 90: '#c62828',\n 100: '#b71c1c',\n },\n\n green: {\n 10: '#f1f8e9',\n 20: '#dcedc8',\n 30: '#c5e1a5',\n 40: '#aed581',\n 50: '#9ccc65',\n 60: '#8bc34a',\n 70: '#7cb342',\n 80: '#689f38',\n 90: '#558b2f',\n 100: '#33691e',\n },\n\n lime: {\n 10: '#f9fbe7',\n 20: '#f0f4c3',\n 30: '#e6ee9c',\n 40: '#dce775',\n 50: '#d4e157',\n 60: '#cddc39',\n 70: '#c0ca33',\n 80: '#afb42b',\n 90: '#9e9d24',\n 100: '#827717',\n },\n\n indigo: {\n 10: '#e8eaf6',\n 20: '#c5cae9',\n 30: '#9fa8da',\n 40: '#7986cb',\n 50: '#5c6bc0',\n 60: '#3f51b5',\n 70: '#3949ab',\n 80: '#303f9f',\n 90: '#283593',\n 100: '#1a237e',\n },\n\n purple: {\n 10: '#ede7f6',\n 20: '#d1c4e9',\n 30: '#b39ddb',\n 40: '#9575cd',\n 50: '#7e57c2',\n 60: '#673ab7',\n 70: '#5e35b1',\n 80: '#512da8',\n 90: '#4527a0',\n 100: '#311b92',\n },\n\n teal: {\n 10: '#e0f2f1',\n 20: '#b2dfdb',\n 30: '#80cbc4',\n 40: '#4db6ac',\n 50: '#26a69a',\n 60: '#009688',\n 70: '#00897b',\n 80: '#00796b',\n 90: '#00695c',\n 100: '#004d40',\n },\n\n cyan: {\n 10: '#e0f7fa',\n 20: '#b2ebf2',\n 30: '#80deea',\n 40: '#4dd0e1',\n 50: '#26c6da',\n 60: '#00bcd4',\n 70: '#00acc1',\n 80: '#0097a7',\n 90: '#00838f',\n 100: '#006064',\n },\n\n bluegrey: {\n 10: '#eceff1',\n 20: '#cfd8dc',\n 30: '#b0bec5',\n 40: '#90a4ae',\n 50: '#78909c',\n 60: '#607d8b',\n 70: '#546e7a',\n 80: '#455a64',\n 90: '#37474f',\n 100: '#263238',\n },\n\n amber: {\n 10: '#fff8e1',\n 20: '#ffecb3',\n 30: '#ffe082',\n 40: '#ffd54f',\n 50: '#ffca28',\n 60: '#ffc107',\n 70: '#ffb300',\n 80: '#ffa000',\n 90: '#ff8f00',\n 100: '#ff6f00',\n },\n\n pink: {\n 10: '#fce4ec',\n 20: '#f8bbd0',\n 30: '#f48fb1',\n 40: '#f06292',\n 50: '#ec407a',\n 60: '#e91e63',\n 70: '#d81b60',\n 80: '#c2185b',\n 90: '#ad1457',\n 100: '#880e4f',\n },\n\n brown: {\n 10: '#efebe9',\n 20: '#d7ccc8',\n 30: '#bcaaa4',\n 40: '#a1887f',\n 50: '#8d6e63',\n 60: '#795548',\n 70: '#6d4c41',\n 80: '#5d4037',\n 90: '#4e342e',\n 100: '#3e2723',\n },\n\n yellow: {\n 10: '#fffde7',\n 20: '#fff9c4',\n 30: '#fff59d',\n 40: '#fff176',\n 50: '#ffee58',\n 60: '#ffeb3b',\n 70: '#fdd835',\n 80: '#fbc02d',\n 90: '#f9a825',\n 100: '#f57f17',\n },\n\n orange: {\n 10: '#fbe9e7',\n 20: '#ffccbc',\n 30: '#ffab91',\n 40: '#ff8a65',\n 50: '#ff7043',\n 60: '#ff5722',\n 70: '#f4511e',\n 80: '#e64a19',\n 90: '#d84315',\n 100: '#bf360c',\n },\n} as const;\n","import type {AdditionalPalette} from './types';\n\nexport const additional: AdditionalPalette = {\n blueGrey: {\n 5: '#f3f5f6',\n 10: '#eaedef',\n 20: '#d0d7dc',\n 30: '#b3bec7',\n 40: '#9aa9b5',\n 50: '#7b8f9e',\n 60: '#637889',\n 70: '#506372',\n 80: '#415361',\n 90: '#334250',\n 100: '#25303c',\n },\n\n brown: {\n 5: '#f5f5f4',\n 10: '#edebe8',\n 20: '#dcd4cb',\n 30: '#bdb2a8',\n 40: '#9e8f80',\n 50: '#84725e',\n 60: '#725e4a',\n 70: '#66523e',\n 80: '#564533',\n 90: '#493a2a',\n 100: '#3b2b1c',\n },\n\n pink: {\n 5: '#fff0f7',\n 10: '#fee6f1',\n 20: '#ffc7e1',\n 30: '#f89bc7',\n 40: '#eb70b0',\n 50: '#e151a1',\n 60: '#d22d94',\n 70: '#c41289',\n 80: '#b2067e',\n 90: '#9d0273',\n 100: '#7d0366',\n },\n\n purple: {\n 5: '#fdf1fe',\n 10: '#fae3fd',\n 20: '#eebff2',\n 30: '#dd90e4',\n 40: '#c763cf',\n 50: '#b343bd',\n 60: '#a432ae',\n 70: '#9726a1',\n 80: '#8c1698',\n 90: '#7e0b88',\n 100: '#670470',\n },\n\n violet: {\n 5: '#f8f4ff',\n 10: '#efeafe',\n 20: '#d8cafc',\n 30: '#bba0f5',\n 40: '#a179ec',\n 50: '#8e5ce5',\n 60: '#8247e1',\n 70: '#7535d4',\n 80: '#6c20cf',\n 90: '#5e08ba',\n 100: '#460891',\n },\n\n indigo: {\n 5: '#f4f4ff',\n 10: '#ebebff',\n 20: '#d2d2ff',\n 30: '#b2b3fa',\n 40: '#9193f5',\n 50: '#7375f4',\n 60: '#5c5ee9',\n 70: '#4b4ddd',\n 80: '#3e3cce',\n 90: '#3734bf',\n 100: '#2b29a2',\n },\n\n blue: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#c0e3ff',\n 30: '#93cdfc',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2094f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n\n cyan: {\n 5: '#eafcfd',\n 10: '#dbf8fa',\n 20: '#b6e9ed',\n 30: '#81d5db',\n 40: '#51c2ca',\n 50: '#30b2bc',\n 60: '#03a2ab',\n 70: '#00949e',\n 80: '#00858f',\n 90: '#01757e',\n 100: '#045961',\n },\n\n green: {\n 5: '#f3fdf0',\n 10: '#e7fbe0',\n 20: '#ccedc1',\n 30: '#a8db97',\n 40: '#84cb6d',\n 50: '#6ac04d',\n 60: '#56b238',\n 70: '#46a527',\n 80: '#3b961d',\n 90: '#2b800e',\n 100: '#1a6800',\n },\n\n red: {\n 5: '#fff5f6',\n 10: '#ffebed',\n 20: '#ffd2d2',\n 30: '#ffa59e',\n 40: '#fb7b6f',\n 50: '#f45948',\n 60: '#ee412b',\n 70: '#e6341c',\n 80: '#d82a13',\n 90: '#c8250f',\n 100: '#b21b00',\n },\n\n orange: {\n 5: '#fff5eb',\n 10: '#ffeddb',\n 20: '#ffd9b2',\n 30: '#febf81',\n 40: '#fca751',\n 50: '#fb962b',\n 60: '#f9820b',\n 70: '#f97501',\n 80: '#f26202',\n 90: '#e55806',\n 100: '#d14600',\n },\n\n yellow: {\n 5: '#fffadb',\n 10: '#fdf6c3',\n 20: '#fdec96',\n 30: '#f7de6e',\n 40: '#f5d142',\n 50: '#fac529',\n 60: '#f8b612',\n 70: '#f6a904',\n 80: '#f59700',\n 90: '#e58600',\n 100: '#cf7400',\n },\n\n olive: {\n 5: '#fdffdc',\n 10: '#f8fabd',\n 20: '#ebee96',\n 30: '#dce067',\n 40: '#c8cd42',\n 50: '#b9be2d',\n 60: '#abb01c',\n 70: '#9da20e',\n 80: '#8f9401',\n 90: '#7c8001',\n 100: '#5e6100',\n },\n} as const;\n","import '@emotion/react';\n\nimport type {Colors} from './colors';\nimport type {TypographyVariant} from './typography';\n\nexport enum ThemeName {\n Base = 'base',\n TCX = 'tcx',\n TC5 = 'tc5',\n X5 = 'x5',\n}\n\nexport type ZIndex = {\n dropdown: number;\n modal: number;\n tooltip: number;\n loader: number;\n onboarding: number;\n};\n\nexport type ThemeProps = {\n /** Цвета */\n colors: Colors;\n\n /** Размеры текста и шрифты */\n typography: TypographyVariant;\n\n /** Отступы */\n zIndex: ZIndex;\n};\n\ndeclare module '@emotion/react' {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n export interface Theme extends ThemeProps {}\n}\n","import {ThemeName} from '../types';\n\nimport type {UIPalette} from './types';\n\nexport const theme: Record<ThemeName, UIPalette> = {\n [ThemeName.Base]: {\n grey: {\n 5: '#f7f8fa',\n 10: '#eff1f5',\n 20: '#e1e5eb',\n 30: '#cfd4dc',\n 40: '#b4bbc6',\n 50: '#9299a4',\n 60: '#6c737d',\n 70: '#50565e',\n 80: '#3b4047',\n 90: '#2a2e33',\n 100: '#222429',\n },\n accent: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#bbdefb',\n 30: '#90caf9',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2196f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n },\n\n [ThemeName.TCX]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d7d9',\n 40: '#b2bdbf',\n 50: '#919c9e',\n 60: '#6d7678',\n 70: '#515859',\n 80: '#3c4142',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f0fcf2',\n 10: '#e1f7e4',\n 20: '#c5e8ca',\n 30: '#99cea0',\n 40: '#72c07d',\n 50: '#55b465',\n 60: '#32a94b',\n 70: '#2a9b43',\n 80: '#1e8737',\n 90: '#0e762c',\n 100: '#00591d',\n },\n },\n\n [ThemeName.TC5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d6d9',\n 40: '#b2bbbf',\n 50: '#919a9e',\n 60: '#6d7578',\n 70: '#515759',\n 80: '#3c4042',\n 90: '#2b2f30',\n 100: '#222526',\n },\n\n accent: {\n 5: '#f0fdf3',\n 10: '#e1fae6',\n 20: '#c3ebca',\n 30: '#98daa5',\n 40: '#6dcb81',\n 50: '#4dc069',\n 60: '#20b44f',\n 70: '#15a546',\n 80: '#00923a',\n 90: '#00812f',\n 100: '#00631f',\n },\n },\n\n [ThemeName.X5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e8e8',\n 30: '#d0d9d9',\n 40: '#b2bfbf',\n 50: '#919e9e',\n 60: '#6d7878',\n 70: '#515959',\n 80: '#3c4242',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f5fcf0',\n 10: '#ebfae1',\n 20: '#d0f0bb',\n 30: '#b0dd92',\n 40: '#97d26d',\n 50: '#84c950',\n 60: '#6fc031',\n 70: '#5faf2d',\n 80: '#4e9c1f',\n 90: '#3a8918',\n 100: '#0d6706',\n },\n },\n} as const;\n","import {more} from './more';\nimport {additional} from './additional';\nimport {theme} from './theme';\n\nexport * from './types';\n\nexport const colors = {\n ...theme.base,\n\n white: '#ffffff',\n\n additional,\n theme,\n more,\n} as const;\n","import {css} from '@emotion/react';\n\nexport const scroll = css`\n ::-webkit-scrollbar {\n top: 0;\n left: 0;\n right: 0;\n width: 16px;\n bottom: 0;\n height: 16px;\n position: absolute;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n min-height: 32px;\n border-radius: 16px;\n background-clip: padding-box;\n background-color: #cfd4dc;\n }\n ::-webkit-scrollbar-corner {\n display: none;\n background-color: rgba(0, 0, 0, 0);\n }\n`;\n","const small = '0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)';\nconst medium =\n '0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)';\nconst large =\n '0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)';\n\nexport const shadows = {large, medium, small} as const;\n","export type SpaceTokenValue = number;\n\nexport enum SpaceTokenName {\n X0 = 'x0',\n X1 = 'x1',\n X2 = 'x2',\n X3 = 'x3',\n X4 = 'x4',\n X5 = 'x5',\n X6 = 'x6',\n X8 = 'x8',\n X10 = 'x10',\n X12 = 'x12',\n X16 = 'x16',\n X20 = 'x20',\n}\n\nexport type SpaceJoinArgs = Array<SpaceTokenName | `${SpaceTokenName}`>;\n\nexport type SpaceTokenRecord = {\n join: (...args: SpaceJoinArgs) => string;\n} & Record<SpaceTokenName, SpaceTokenValue>;\n\nexport const spaces: SpaceTokenRecord = {\n [SpaceTokenName.X0]: 0,\n [SpaceTokenName.X1]: 2,\n [SpaceTokenName.X2]: 4,\n [SpaceTokenName.X3]: 6,\n [SpaceTokenName.X4]: 8,\n [SpaceTokenName.X5]: 10,\n [SpaceTokenName.X6]: 12,\n [SpaceTokenName.X8]: 16,\n [SpaceTokenName.X10]: 20,\n [SpaceTokenName.X12]: 24,\n [SpaceTokenName.X16]: 32,\n [SpaceTokenName.X20]: 40,\n\n join: (...args) => args.map(key => `${spaces[key]}px`).join(' '),\n};\n","import type {CSSProperties as BaseCSSProperties, ReactNode} from 'react';\n\nexport type PropsWithChildren = {\n children?: ReactNode;\n};\n\nexport type CSSProperties = Omit<BaseCSSProperties, 'template'>;\n\nexport enum SizeTokenValue {\n XLarge = 'XLarge',\n Large = 'large',\n Medium = 'medium',\n Small = 'small',\n XSmall = 'XSmall',\n XXSmall = 'XXSmall',\n}\n\nexport enum Placement {\n Top = 'top',\n Right = 'right',\n Bottom = 'bottom',\n Left = 'left',\n TopStart = 'top-start',\n TopEnd = 'top-end',\n RightStart = 'right-start',\n RightEnd = 'right-end',\n BottomStart = 'bottom-start',\n BottomEnd = 'bottom-end',\n LeftStart = 'left-start',\n LeftEnd = 'left-end',\n}\n","/** Устанавливает дату в начало дня.\n *\n * Возвращает ту-же дату если она уже подходит под условие.\n */\nexport const startOfDay = (date: Date) => {\n if (date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0 && date.getMilliseconds() === 0) {\n return date;\n }\n\n const newDate = new Date(date.getTime());\n\n newDate.setHours(0, 0, 0, 0);\n\n return newDate;\n};\n","'use client';\n\nimport React from 'react';\n\nimport type {ReactNode, ForwardedRef, ReactElement} from 'react';\n\ntype RenderFunction<T, P> = (props: P, ref: ForwardedRef<T>) => ReactNode;\n\n/** Polyfill обратной совместимости forwardRef React v19 */\nexport const forwardRef = <T, P>(render: RenderFunction<T, P>): React.FC<P & {ref?: ForwardedRef<T>}> => {\n if (/^17|18\\./.test(React.version)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.forwardRef(render as any) as any;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (({ref, ...props}: any) => render(props, ref)) as any;\n};\n\n/** Polyfill обратной совместимости ref React v19 */\nexport const getElementRef = (element: ReactElement) => {\n return String(React.version).startsWith('19.') ? element.props.ref : element['ref'];\n};\n","export type QA = {\n /** data-qa аттрибут */\n qa?: string;\n};\n\nexport type RequiredQA = Required<QA>;\n\n/** Helper работы с data-qa */\nexport const getQAAttribute = (rootName: string) => {\n return (subName?: string | number, state?: Record<string, boolean>): string => {\n let name = rootName;\n\n if (subName) {\n name += `-${subName}`;\n }\n\n if (state) {\n for (const item in state) {\n if (state[item] === true) {\n name += ':' + item;\n }\n }\n }\n\n return name;\n };\n};\n","'use client';\n\nimport {useEffect} from 'react';\n\nimport type {RefObject} from 'react';\n\n/** Обработчик нажатия вне refs */\nexport const useClickAway = (handler: EventListener, ...refs: Array<RefObject<Element>>): void => {\n useEffect(() => {\n const listener = (e: MouseEvent) => {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n for (const ref of refs) {\n if (!ref.current || ref.current.contains(e.target)) {\n return;\n }\n }\n\n handler(e);\n };\n\n document.addEventListener('click', listener, true);\n\n return () => {\n document.removeEventListener('click', listener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handler]);\n};\n","'use client';\n\nimport {useEffect, useRef} from 'react';\n\nimport type {Ref} from 'react';\n\n/** Объединение ref.\n *\n * Возвращает тот же ref если передан RefObject\n */\nexport const useRefMerge = <T>(baseRef?: Ref<T>) => {\n const innerRef = useRef<T>(null);\n\n const ref = baseRef && typeof baseRef !== 'function' ? baseRef : innerRef;\n\n useEffect(() => {\n if (typeof baseRef === 'function') {\n baseRef(innerRef.current ?? null);\n }\n }, [baseRef]);\n\n return ref;\n};\n","'use client';\n\nimport {useEffect, useRef} from 'react';\n\n/** Обработчик изменения deps, вне первого рендера */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirstMount = useRef<boolean>(true);\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n return;\n }\n\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n","import styled from '@emotion/styled';\n\nimport {forwardRef} from 'common';\n\nimport type {AnchorHTMLAttributes, ElementType, HTMLAttributes} from 'react';\n\nimport type {TypographyVariant} from './types';\n\nexport type TypographyProps = {\n /** Вариант */\n variant: keyof TypographyVariant;\n /** TagName - по умолчанию div */\n as?: ElementType;\n} & HTMLAttributes<HTMLDivElement> &\n AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst Container = styled.div<Pick<TypographyProps, 'variant'>>(props => props.theme.typography[props.variant]);\n\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>((props, ref) => (\n <Container {...props} ref={ref} />\n));\n","import type {CSSProperties} from '../common';\n\nconst base = {\n fontFamily: '\"X5 Sans UI\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nexport type TypographyVariant = {\n base: CSSProperties;\n h1: CSSProperties;\n h2: CSSProperties;\n h3: CSSProperties;\n h4: CSSProperties;\n h5: CSSProperties;\n h6: CSSProperties;\n p1: CSSProperties;\n p1compact: CSSProperties;\n p2: CSSProperties;\n p3: CSSProperties;\n};\n\nexport const typography: TypographyVariant = {\n base,\n h1: {\n ...base,\n fontSize: '36px',\n lineHeight: '44px',\n fontWeight: '400',\n letterSpacing: '-0.2px',\n },\n h2: {\n ...base,\n fontSize: '28px',\n lineHeight: '36px',\n fontWeight: '500',\n letterSpacing: '0px',\n },\n h3: {\n ...base,\n fontSize: '20px',\n lineHeight: '24px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h4: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h5: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '0.08px',\n },\n h6: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '1.2px',\n textTransform: 'uppercase',\n },\n p1: {\n ...base,\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p1compact: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p2: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n p3: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n} as const;\n","import {colors} from './colors';\nimport {scroll} from './scroll';\nimport {shadows} from './shadows';\nimport {spaces} from './spaces';\nimport {typography} from './typography';\nimport {ThemeName} from './types';\n\nimport type {ThemeProps} from './types';\n\nexport * from './colors';\nexport * from './scroll';\nexport * from './shadows';\nexport * from './spaces';\nexport * from './typography';\n\nexport * from './common';\nexport * from './types';\n\n/** Отступы */\nexport const zIndex = {\n dropdown: 800,\n modal: 800,\n tooltip: 800,\n loader: 900,\n onboarding: 1000,\n} as const;\n\nexport const themes: Record<ThemeName, ThemeProps> = {\n [ThemeName.Base]: {\n typography,\n zIndex,\n colors,\n },\n [ThemeName.TCX]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tcx,\n },\n },\n [ThemeName.TC5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tc5,\n },\n },\n [ThemeName.X5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.x5,\n },\n },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {colors, scroll, shadows, zIndex, spaces, typography};\n"],"names":["more","uiGrey","uiAccent","red","green","lime","indigo","purple","teal","cyan","bluegrey","amber","pink","brown","yellow","orange","additional","blueGrey","violet","blue","olive","ThemeName","Base","TCX","TC5","X5","theme","grey","accent","colors","base","white","scroll","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","small","medium","large","shadows","SpaceTokenName","X0","X1","X2","X3","X4","X6","X8","X10","X12","X16","X20","spaces","join","args","map","key","SizeTokenValue","XLarge","Large","Medium","Small","XSmall","XXSmall","Placement","Top","Right","Bottom","Left","TopStart","TopEnd","RightStart","RightEnd","BottomStart","BottomEnd","LeftStart","LeftEnd","startOfDay","date","getHours","getMinutes","getSeconds","getMilliseconds","newDate","Date","getTime","setHours","forwardRef","render","test","React","version","ref","props","getElementRef","element","String","startsWith","getQAAttribute","rootName","subName","state","item","useClickAway","handler","refs","useEffect","listener","e","target","Element","current","contains","addEventListener","removeEventListener","useRefMerge","baseRef","innerRef","useRef","useUpdateEffect","effect","deps","isFirstMount","Container","_styled","label","typography","variant","Typography","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","h1","fontSize","lineHeight","fontWeight","letterSpacing","h2","h3","h4","h5","h6","textTransform","p1","p1compact","p2","p3","zIndex","dropdown","modal","tooltip","loader","onboarding","themes","tcx","tc5","x5","index"],"mappings":"0RAEaA,EAAoB,CAC/BC,OAAQ,CACN,EAAG,SACL,EAEAC,SAAU,CACR,EAAG,SACL,EAEAC,IAAK,CACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,MAAO,CACL,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,SAAU,CACR,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,MAAO,CACL,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,MAAO,CACL,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CAET,ECjLaC,EAAgC,CAC3CC,SAAU,CACR,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAJ,MAAO,CACL,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAD,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAL,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAW,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAZ,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAa,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAV,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAL,MAAO,CACL,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAD,IAAK,CACH,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAY,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAD,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAM,MAAO,CACL,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CAET,ECnLYC,IAAAA,GAAAA,IACVC,EAAAA,KAAO,OACPC,EAAAA,IAAM,MACNC,EAAAA,IAAM,MACNC,EAAAA,GAAK,KAJKJ,IAAAA,GAAAA,CAAAA,CAAAA,ECDL,MAAMK,EAAsC,CACjD,CAACL,EAAUC,IAAI,EAAG,CAChBK,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EACAC,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CAET,EAEA,CAACP,EAAUE,GAAG,EAAG,CACfI,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CAET,EAEA,CAACP,EAAUG,GAAG,EAAG,CACfG,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CAET,EAEA,CAACP,EAAUI,EAAE,EAAG,CACdE,KAAM,CACJ,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SACP,EAEAC,OAAQ,CACN,EAAG,UACH,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,IAAK,SAAA,CACP,CAEJ,ECrHaC,EAAS,CACpB,GAAGH,EAAMI,KAETC,MAAO,UAEPf,WAAAA,EACAU,MAAAA,EACA1B,KAAAA,CACF,uPCZO,MAAMgC,EAAMC,QAAAC,IAAAC,WAAA,aAAA,CAAAC,KAAA,UAAAC,OAAA,wXAAA,EAAA,CAAAD,KAAA,gBAAAC,OAAA,kgDAAAC,SAAAC,CAAA,ECFbC,EAAQ,yEACRC,EACJ,+GACIC,EACJ,iHAEWC,EAAU,CAACD,MAAAA,EAAOD,OAAAA,EAAQD,MAAAA,CAAK,ECJhCI,IAAAA,GAAAA,IACVC,EAAAA,GAAK,KACLC,EAAAA,GAAK,KACLC,EAAAA,GAAK,KACLC,EAAAA,GAAK,KACLC,EAAAA,GAAK,KACLxB,EAAAA,GAAK,KACLyB,EAAAA,GAAK,KACLC,EAAAA,GAAK,KACLC,EAAAA,IAAM,MACNC,EAAAA,IAAM,MACNC,EAAAA,IAAM,MACNC,EAAAA,IAAM,MAZIX,IAAAA,GAAAA,CAAAA,CAAAA,EAqBL,MAAMY,EAA2B,CACrCZ,GAAoB,EACpBA,GAAoB,EACpBA,GAAoB,EACpBA,GAAoB,EACpBA,GAAoB,EACpBA,GAAoB,GACpBA,GAAoB,GACpBA,GAAoB,GACpBA,IAAqB,GACrBA,IAAqB,GACrBA,IAAqB,GACrBA,IAAqB,GAEtBa,KAAMA,IAAIC,IAASA,EAAKC,IAAIC,GAAO,GAAGJ,EAAOI,CAAG,CAAC,IAAI,EAAEH,KAAK,GAAG,CACjE,EC9BYI,IAAAA,GAAAA,IACVC,EAAAA,OAAS,SACTC,EAAAA,MAAQ,QACRC,EAAAA,OAAS,SACTC,EAAAA,MAAQ,QACRC,EAAAA,OAAS,SACTC,EAAAA,QAAU,UANAN,IAAAA,GAAAA,CAAAA,CAAAA,EASAO,GAAAA,IACVC,EAAAA,IAAM,MACNC,EAAAA,MAAQ,QACRC,EAAAA,OAAS,SACTC,EAAAA,KAAO,OACPC,EAAAA,SAAW,YACXC,EAAAA,OAAS,UACTC,EAAAA,WAAa,cACbC,EAAAA,SAAW,YACXC,EAAAA,YAAc,eACdC,EAAAA,UAAY,aACZC,EAAAA,UAAY,aACZC,EAAAA,QAAU,WAZAZ,IAAAA,GAAAA,CAAAA,CAAAA,ECbCa,MAAAA,EAAcC,GAAe,CACxC,GAAIA,EAAKC,SAAe,IAAA,GAAKD,EAAKE,WAAW,IAAM,GAAKF,EAAKG,WAAiB,IAAA,GAAKH,EAAKI,gBAAAA,IAAsB,EACrGJ,OAAAA,EAGT,MAAMK,EAAU,IAAIC,KAAKN,EAAKO,SAAS,EAEvCF,OAAAA,EAAQG,SAAS,EAAG,EAAG,EAAG,CAAC,EAEpBH,CACT,ECLaI,EAAoBC,GAC3B,WAAWC,KAAKC,EAAMC,QAAAA,OAAO,EAExBD,EAAAA,QAAMH,WAAWC,CAAa,EAI/B,CAAC,CAACI,IAAAA,EAAK,GAAGC,CAAAA,IAAgBL,EAAOK,EAAOD,CAAG,EAIxCE,EAAiBC,GACrBC,OAAON,EAAAA,QAAMC,OAAO,EAAEM,WAAW,KAAK,EAAIF,EAAQF,MAAMD,IAAMG,EAAQ,ICblEG,EAAkBC,GACtB,CAACC,EAA2BC,IAA4C,CAC7E,IAAIrE,EAAOmE,EAMX,GAJIC,IACFpE,GAAQ,IAAIoE,CAAO,IAGjBC,EACF,UAAWC,KAAQD,EACbA,EAAMC,CAAI,IAAM,KAClBtE,GAAQ,IAAMsE,GAKbtE,OAAAA,CACT,EClBWuE,EAAeA,CAACC,KAA2BC,IAA0C,CAChGC,EAAAA,UAAU,IAAM,CACRC,MAAAA,EAAYC,GAAkB,CAC9B,GAAEA,EAAEC,kBAAkBC,QAI1B,WAAWlB,KAAOa,EACZ,GAAA,CAACb,EAAImB,SAAWnB,EAAImB,QAAQC,SAASJ,EAAEC,MAAM,EAC/C,OAIJL,EAAQI,CAAC,EACX,EAESK,gBAAAA,iBAAiB,QAASN,EAAU,EAAI,EAE1C,IAAM,CACFO,SAAAA,oBAAoB,QAASP,CAAQ,CAChD,CAAA,EAGC,CAACH,CAAO,CAAC,CACd,ECrBaW,EAAkBC,GAAqB,CAC5CC,MAAAA,EAAWC,SAAU,IAAI,EAEzB1B,EAAMwB,GAAW,OAAOA,GAAY,WAAaA,EAAUC,EAEjEX,OAAAA,EAAAA,UAAU,IAAM,CACV,OAAOU,GAAY,YACbC,EAAAA,EAASN,SAAW,IAAI,CAClC,EACC,CAACK,CAAO,CAAC,EAELxB,CACT,ECjBa2B,EAAoCA,CAACC,EAAQC,IAAS,CAC3DC,MAAAA,EAAeJ,SAAgB,EAAI,EAEzCZ,EAAAA,UAAU,IAAM,CACd,GAAIgB,EAAaX,QAAS,CACxBW,EAAaX,QAAU,GACvB,MAAA,CAGF,OAAOS,EAAO,GAEbC,CAAI,CACT,ECDME,EAAYC,EAAA,QAAA,MAAA/F,QAAAC,IAAAC,WAAA,aAAA,CAAA8E,OAAA,WAAA,EAAA,CAAAA,OAAA,YAAAgB,MAAA,WAAA,CAAU,EAAmChC,GAASA,EAAMvE,MAAMwG,WAAWjC,EAAMkC,OAAO,EAAClG,QAAAC,IAAAC,WAAC,aAAA,GAAA,iyCAAA,EAEjGiG,EAAazC,EAA4C,CAACM,EAAOD,UAC3E+B,EAAc9B,CAAAA,GAAAA,EAAO,IAAAD,EAAS,CAChC,EClBKlE,EAAO,CACXuG,WAAY,qDACZC,oBAAqB,cACrBC,oBAAqB,WACvB,EAgBaL,EAAgC,CAC3CpG,KAAAA,EACA0G,GAAI,CACF,GAAG1G,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAC,GAAI,CACF,GAAG/G,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,KACjB,EACAE,GAAI,CACF,GAAGhH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAG,GAAI,CACF,GAAGjH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAI,GAAI,CACF,GAAGlH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAK,GAAI,CACF,GAAGnH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACfM,cAAe,WACjB,EACAC,GAAI,CACF,GAAGrH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAQ,UAAW,CACT,GAAGtH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAS,GAAI,CACF,GAAGvH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QACjB,EACAU,GAAI,CACF,GAAGxH,EACH2G,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAe,QAAA,CAEnB,EC5EaW,EAAS,CACpBC,SAAU,IACVC,MAAO,IACPC,QAAS,IACTC,OAAQ,IACRC,WAAY,GACd,EAEaC,EAAwC,CACnD,CAACxI,EAAUC,IAAI,EAAG,CAChB4G,WAAAA,EACAqB,OAAAA,EACA1H,OAAAA,CACF,EACA,CAACR,EAAUE,GAAG,EAAG,CACf2G,WAAAA,EACAqB,OAAAA,EACA1H,OAAQ,CACN,GAAGA,EACH,GAAGA,EAAOH,MAAMoI,GAAAA,CAEpB,EACA,CAACzI,EAAUG,GAAG,EAAG,CACf0G,WAAAA,EACAqB,OAAAA,EACA1H,OAAQ,CACN,GAAGA,EACH,GAAGA,EAAOH,MAAMqI,GAAAA,CAEpB,EACA,CAAC1I,EAAUI,EAAE,EAAG,CACdyG,WAAAA,EACAqB,OAAAA,EACA1H,OAAQ,CACN,GAAGA,EACH,GAAGA,EAAOH,MAAMsI,EAAAA,CAClB,CAEJ,EAGeC,EAAA,CAACpI,OAAAA,EAAQG,OAAAA,EAAQW,QAAAA,EAAS4G,OAAAA,EAAQ/F,OAAAA,EAAQ0E,WAAAA,CAAU"}
package/dist/index.d.ts CHANGED
@@ -8,7 +8,7 @@ export * from './common';
8
8
  export * from './types';
9
9
  /** Отступы */
10
10
  export declare const zIndex: {
11
- readonly dropdown: 100;
11
+ readonly dropdown: 800;
12
12
  readonly modal: 800;
13
13
  readonly tooltip: 800;
14
14
  readonly loader: 900;
@@ -19,8 +19,8 @@ declare const _default: {
19
19
  colors: {
20
20
  readonly white: "#ffffff";
21
21
  readonly additional: import('./colors').AdditionalPalette;
22
- readonly ui: import('./colors').UIPalette;
23
22
  readonly theme: Record<ThemeName, import('./colors').UIPalette>;
23
+ readonly more: import('./colors').MorePalette;
24
24
  readonly grey: {
25
25
  5: string;
26
26
  10: string;
@@ -47,162 +47,6 @@ declare const _default: {
47
47
  90: string;
48
48
  100: string;
49
49
  };
50
- readonly red: {
51
- 10: string;
52
- 20: string;
53
- 30: string;
54
- 40: string;
55
- 50: string;
56
- 60: string;
57
- 70: string;
58
- 80: string;
59
- 90: string;
60
- 100: string;
61
- };
62
- readonly green: {
63
- 10: string;
64
- 20: string;
65
- 30: string;
66
- 40: string;
67
- 50: string;
68
- 60: string;
69
- 70: string;
70
- 80: string;
71
- 90: string;
72
- 100: string;
73
- };
74
- readonly lime: {
75
- 10: string;
76
- 20: string;
77
- 30: string;
78
- 40: string;
79
- 50: string;
80
- 60: string;
81
- 70: string;
82
- 80: string;
83
- 90: string;
84
- 100: string;
85
- };
86
- readonly indigo: {
87
- 10: string;
88
- 20: string;
89
- 30: string;
90
- 40: string;
91
- 50: string;
92
- 60: string;
93
- 70: string;
94
- 80: string;
95
- 90: string;
96
- 100: string;
97
- };
98
- readonly purple: {
99
- 10: string;
100
- 20: string;
101
- 30: string;
102
- 40: string;
103
- 50: string;
104
- 60: string;
105
- 70: string;
106
- 80: string;
107
- 90: string;
108
- 100: string;
109
- };
110
- readonly teal: {
111
- 10: string;
112
- 20: string;
113
- 30: string;
114
- 40: string;
115
- 50: string;
116
- 60: string;
117
- 70: string;
118
- 80: string;
119
- 90: string;
120
- 100: string;
121
- };
122
- readonly cyan: {
123
- 10: string;
124
- 20: string;
125
- 30: string;
126
- 40: string;
127
- 50: string;
128
- 60: string;
129
- 70: string;
130
- 80: string;
131
- 90: string;
132
- 100: string;
133
- };
134
- readonly bluegrey: {
135
- 10: string;
136
- 20: string;
137
- 30: string;
138
- 40: string;
139
- 50: string;
140
- 60: string;
141
- 70: string;
142
- 80: string;
143
- 90: string;
144
- 100: string;
145
- };
146
- readonly amber: {
147
- 10: string;
148
- 20: string;
149
- 30: string;
150
- 40: string;
151
- 50: string;
152
- 60: string;
153
- 70: string;
154
- 80: string;
155
- 90: string;
156
- 100: string;
157
- };
158
- readonly pink: {
159
- 10: string;
160
- 20: string;
161
- 30: string;
162
- 40: string;
163
- 50: string;
164
- 60: string;
165
- 70: string;
166
- 80: string;
167
- 90: string;
168
- 100: string;
169
- };
170
- readonly brown: {
171
- 10: string;
172
- 20: string;
173
- 30: string;
174
- 40: string;
175
- 50: string;
176
- 60: string;
177
- 70: string;
178
- 80: string;
179
- 90: string;
180
- 100: string;
181
- };
182
- readonly yellow: {
183
- 10: string;
184
- 20: string;
185
- 30: string;
186
- 40: string;
187
- 50: string;
188
- 60: string;
189
- 70: string;
190
- 80: string;
191
- 90: string;
192
- 100: string;
193
- };
194
- readonly orange: {
195
- 10: string;
196
- 20: string;
197
- 30: string;
198
- 40: string;
199
- 50: string;
200
- 60: string;
201
- 70: string;
202
- 80: string;
203
- 90: string;
204
- 100: string;
205
- };
206
50
  };
207
51
  scroll: import('@emotion/utils').SerializedStyles;
208
52
  shadows: {
@@ -211,7 +55,7 @@ declare const _default: {
211
55
  readonly small: "0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)";
212
56
  };
213
57
  zIndex: {
214
- readonly dropdown: 100;
58
+ readonly dropdown: 800;
215
59
  readonly modal: 800;
216
60
  readonly tooltip: 800;
217
61
  readonly loader: 900;
package/dist/index.es.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import { colors as o } from "./colors/index.es.js";
2
2
  import { scroll as m } from "./scroll/index.es.js";
3
3
  import { shadows as p } from "./shadows/index.es.js";
4
- import { spaces as a } from "./spaces/index.es.js";
5
- import { SpaceTokenName as y } from "./spaces/index.es.js";
6
- import { Typography as g } from "./typography/Typography.es.js";
4
+ import { spaces as f } from "./spaces/index.es.js";
5
+ import { SpaceTokenName as u } from "./spaces/index.es.js";
6
+ import { Typography as T } from "./typography/Typography.es.js";
7
7
  import { typography as e } from "./typography/types.es.js";
8
8
  import { ThemeName as t } from "./types.es.js";
9
- import { Placement as w, SizeTokenValue as A } from "./common/types.es.js";
10
- import { startOfDay as b } from "./common/date.es.js";
11
- import { getQAAttribute as N } from "./common/getQAAttribute.es.js";
12
- import { useClickAway as X } from "./common/useClickAway.es.js";
13
- import { useRefMerge as D } from "./common/useRefMerge.es.js";
14
- import { useUpdateEffect as I } from "./common/useUpdateEffect.es.js";
9
+ import { Placement as k, SizeTokenValue as A } from "./common/types.es.js";
10
+ import { startOfDay as R } from "./common/date.es.js";
11
+ import { forwardRef as z, getElementRef as E } from "./common/forwardRef.es.js";
12
+ import { getQAAttribute as S } from "./common/getQAAttribute.es.js";
13
+ import { useClickAway as B } from "./common/useClickAway.es.js";
14
+ import { useRefMerge as I } from "./common/useRefMerge.es.js";
15
+ import { useUpdateEffect as O } from "./common/useUpdateEffect.es.js";
15
16
  const r = {
16
- dropdown: 100,
17
+ dropdown: 800,
17
18
  modal: 800,
18
19
  tooltip: 800,
19
20
  loader: 900,
@@ -53,27 +54,29 @@ const r = {
53
54
  scroll: m,
54
55
  shadows: p,
55
56
  zIndex: r,
56
- spaces: a,
57
+ spaces: f,
57
58
  typography: e
58
59
  };
59
60
  export {
60
- w as Placement,
61
+ k as Placement,
61
62
  A as SizeTokenValue,
62
- y as SpaceTokenName,
63
+ u as SpaceTokenName,
63
64
  t as ThemeName,
64
- g as Typography,
65
+ T as Typography,
65
66
  o as colors,
66
67
  d as default,
67
- N as getQAAttribute,
68
+ z as forwardRef,
69
+ E as getElementRef,
70
+ S as getQAAttribute,
68
71
  m as scroll,
69
72
  p as shadows,
70
- a as spaces,
71
- b as startOfDay,
73
+ f as spaces,
74
+ R as startOfDay,
72
75
  n as themes,
73
76
  e as typography,
74
- X as useClickAway,
75
- D as useRefMerge,
76
- I as useUpdateEffect,
77
+ B as useClickAway,
78
+ I as useRefMerge,
79
+ O as useUpdateEffect,
77
80
  r as zIndex
78
81
  };
79
82
  //# sourceMappingURL=index.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import {colors} from './colors';\nimport {scroll} from './scroll';\nimport {shadows} from './shadows';\nimport {spaces} from './spaces';\nimport {typography} from './typography';\nimport {ThemeName} from './types';\n\nimport type {ThemeProps} from './types';\n\nexport * from './colors';\nexport * from './scroll';\nexport * from './shadows';\nexport * from './spaces';\nexport * from './typography';\n\nexport * from './common';\nexport * from './types';\n\n/** Отступы */\nexport const zIndex = {\n dropdown: 100,\n modal: 800,\n tooltip: 800,\n loader: 900,\n onboarding: 1000,\n} as const;\n\nexport const themes: Record<ThemeName, ThemeProps> = {\n [ThemeName.Base]: {\n typography,\n zIndex,\n colors,\n },\n [ThemeName.TCX]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tcx,\n },\n },\n [ThemeName.TC5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tc5,\n },\n },\n [ThemeName.X5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.x5,\n },\n },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {colors, scroll, shadows, zIndex, spaces, typography};\n"],"names":["zIndex","dropdown","modal","tooltip","loader","onboarding","themes","ThemeName","Base","typography","colors","TCX","theme","tcx","TC5","tc5","X5","x5","index","scroll","shadows","spaces"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAMA,IAAS;AAAA,EACpBC,UAAU;AAAA,EACVC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AACd,GAEaC,IAAwC;AAAA,EACnD,CAACC,EAAUC,IAAI,GAAG;AAAA,IAChBC,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAAA;AAAAA,EACF;AAAA,EACA,CAACH,EAAUI,GAAG,GAAG;AAAA,IACfF,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAQ;AAAA,MACN,GAAGA;AAAAA,MACH,GAAGA,EAAOE,MAAMC;AAAAA,IAAAA;AAAAA,EAEpB;AAAA,EACA,CAACN,EAAUO,GAAG,GAAG;AAAA,IACfL,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAQ;AAAA,MACN,GAAGA;AAAAA,MACH,GAAGA,EAAOE,MAAMG;AAAAA,IAAAA;AAAAA,EAEpB;AAAA,EACA,CAACR,EAAUS,EAAE,GAAG;AAAA,IACdP,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAQ;AAAA,MACN,GAAGA;AAAAA,MACH,GAAGA,EAAOE,MAAMK;AAAAA,IAAAA;AAAAA,EAClB;AAEJ,GAGeC,IAAA;AAAA,EAACR,QAAAA;AAAAA,EAAQS,QAAAA;AAAAA,EAAQC,SAAAA;AAAAA,EAASpB,QAAAA;AAAAA,EAAQqB,QAAAA;AAAAA,EAAQZ,YAAAA;AAAU;"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import {colors} from './colors';\nimport {scroll} from './scroll';\nimport {shadows} from './shadows';\nimport {spaces} from './spaces';\nimport {typography} from './typography';\nimport {ThemeName} from './types';\n\nimport type {ThemeProps} from './types';\n\nexport * from './colors';\nexport * from './scroll';\nexport * from './shadows';\nexport * from './spaces';\nexport * from './typography';\n\nexport * from './common';\nexport * from './types';\n\n/** Отступы */\nexport const zIndex = {\n dropdown: 800,\n modal: 800,\n tooltip: 800,\n loader: 900,\n onboarding: 1000,\n} as const;\n\nexport const themes: Record<ThemeName, ThemeProps> = {\n [ThemeName.Base]: {\n typography,\n zIndex,\n colors,\n },\n [ThemeName.TCX]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tcx,\n },\n },\n [ThemeName.TC5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tc5,\n },\n },\n [ThemeName.X5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.x5,\n },\n },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {colors, scroll, shadows, zIndex, spaces, typography};\n"],"names":["zIndex","dropdown","modal","tooltip","loader","onboarding","themes","ThemeName","Base","typography","colors","TCX","theme","tcx","TC5","tc5","X5","x5","index","scroll","shadows","spaces"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAMA,IAAS;AAAA,EACpBC,UAAU;AAAA,EACVC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AACd,GAEaC,IAAwC;AAAA,EACnD,CAACC,EAAUC,IAAI,GAAG;AAAA,IAChBC,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAAA;AAAAA,EACF;AAAA,EACA,CAACH,EAAUI,GAAG,GAAG;AAAA,IACfF,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAQ;AAAA,MACN,GAAGA;AAAAA,MACH,GAAGA,EAAOE,MAAMC;AAAAA,IAAAA;AAAAA,EAEpB;AAAA,EACA,CAACN,EAAUO,GAAG,GAAG;AAAA,IACfL,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAQ;AAAA,MACN,GAAGA;AAAAA,MACH,GAAGA,EAAOE,MAAMG;AAAAA,IAAAA;AAAAA,EAEpB;AAAA,EACA,CAACR,EAAUS,EAAE,GAAG;AAAA,IACdP,YAAAA;AAAAA,IACAT,QAAAA;AAAAA,IACAU,QAAQ;AAAA,MACN,GAAGA;AAAAA,MACH,GAAGA,EAAOE,MAAMK;AAAAA,IAAAA;AAAAA,EAClB;AAEJ,GAGeC,IAAA;AAAA,EAACR,QAAAA;AAAAA,EAAQS,QAAAA;AAAAA,EAAQC,SAAAA;AAAAA,EAASpB,QAAAA;AAAAA,EAAQqB,QAAAA;AAAAA,EAAQZ,YAAAA;AAAU;"}
@@ -1 +1 @@
1
- {"version":3,"file":"types.es.js","sources":["../src/types.ts"],"sourcesContent":["import '@emotion/react';\n\nimport type {Colors} from './colors';\nimport type {TypographyVariant} from './typography';\n\nexport enum ThemeName {\n Base = 'base',\n TCX = 'tcx',\n TC5 = 'tc5',\n X5 = 'x5',\n}\n\nexport type ZIndex = {\n dropdown: number;\n modal: number;\n tooltip: number;\n loader: number;\n onboarding: number;\n};\n\nexport type ThemeProps = {\n /** Цвета */\n colors: Colors;\n\n /** Размеры текста и шрифты */\n typography: TypographyVariant;\n\n /** Отступы */\n zIndex: ZIndex;\n};\n\ndeclare module '@emotion/react' {\n export interface Theme extends ThemeProps {}\n}\n"],"names":["ThemeName","Base","TCX","TC5","X5"],"mappings":";AAKYA,IAAAA,sBAAAA,OACVC,EAAAA,OAAO,QACPC,EAAAA,MAAM,OACNC,EAAAA,MAAM,OACNC,EAAAA,KAAK,MAJKJ,IAAAA,KAAAA,CAAAA,CAAAA;"}
1
+ {"version":3,"file":"types.es.js","sources":["../src/types.ts"],"sourcesContent":["import '@emotion/react';\n\nimport type {Colors} from './colors';\nimport type {TypographyVariant} from './typography';\n\nexport enum ThemeName {\n Base = 'base',\n TCX = 'tcx',\n TC5 = 'tc5',\n X5 = 'x5',\n}\n\nexport type ZIndex = {\n dropdown: number;\n modal: number;\n tooltip: number;\n loader: number;\n onboarding: number;\n};\n\nexport type ThemeProps = {\n /** Цвета */\n colors: Colors;\n\n /** Размеры текста и шрифты */\n typography: TypographyVariant;\n\n /** Отступы */\n zIndex: ZIndex;\n};\n\ndeclare module '@emotion/react' {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n export interface Theme extends ThemeProps {}\n}\n"],"names":["ThemeName","Base","TCX","TC5","X5"],"mappings":";AAKYA,IAAAA,sBAAAA,OACVC,EAAAA,OAAO,QACPC,EAAAA,MAAM,OACNC,EAAAA,MAAM,OACNC,EAAAA,KAAK,MAJKJ,IAAAA,KAAAA,CAAAA,CAAAA;"}
@@ -6,9 +6,11 @@ export type TypographyProps = {
6
6
  /** TagName - по умолчанию div */
7
7
  as?: ElementType;
8
8
  } & HTMLAttributes<HTMLDivElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
9
- export declare const Typography: import('react').ForwardRefExoticComponent<{
9
+ export declare const Typography: import('react').FC<{
10
10
  /** Вариант */
11
11
  variant: keyof TypographyVariant;
12
12
  /** TagName - по умолчанию div */
13
13
  as?: ElementType;
14
- } & HTMLAttributes<HTMLDivElement> & AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLDivElement>>;
14
+ } & HTMLAttributes<HTMLDivElement> & AnchorHTMLAttributes<HTMLAnchorElement> & {
15
+ ref?: import('react').ForwardedRef<HTMLDivElement> | undefined;
16
+ }>;
@@ -1,13 +1,14 @@
1
- import { jsx as b } from "@emotion/react/jsx-runtime";
1
+ import { jsx as l } from "@emotion/react/jsx-runtime";
2
2
  import Z from "@emotion/styled/base";
3
- import { forwardRef as n } from "react";
4
- const i = /* @__PURE__ */ Z("div", process.env.NODE_ENV === "production" ? {
3
+ import { forwardRef as o } from "../common/forwardRef.es.js";
4
+ import "react";
5
+ const e = /* @__PURE__ */ Z("div", process.env.NODE_ENV === "production" ? {
5
6
  target: "e195o4we0"
6
7
  } : {
7
8
  target: "e195o4we0",
8
9
  label: "Container"
9
- })((c) => c.theme.typography[c.variant], process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy90eXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy90aGVtZS9zcmMvdHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgdHlwZSB7QW5jaG9ySFRNTEF0dHJpYnV0ZXMsIEVsZW1lbnRUeXBlLCBIVE1MQXR0cmlidXRlc30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7VHlwb2dyYXBoeVZhcmlhbnR9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBUeXBvZ3JhcGh5UHJvcHMgPSB7XG4gIC8qKiDQktCw0YDQuNCw0L3RgiAqL1xuICB2YXJpYW50OiBrZXlvZiBUeXBvZ3JhcGh5VmFyaWFudDtcbiAgLyoqIFRhZ05hbWUgLSDQv9C+INGD0LzQvtC70YfQsNC90LjRjiBkaXYgKi9cbiAgYXM/OiBFbGVtZW50VHlwZTtcbn0gJiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJlxuICBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD47XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxUeXBvZ3JhcGh5UHJvcHMsICd2YXJpYW50Jz4+KHByb3BzID0+IHByb3BzLnRoZW1lLnR5cG9ncmFwaHlbcHJvcHMudmFyaWFudF0pO1xuXG5leHBvcnQgY29uc3QgVHlwb2dyYXBoeSA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFR5cG9ncmFwaHlQcm9wcz4oKHByb3BzLCByZWYpID0+IChcbiAgPENvbnRhaW5lciB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPlxuKSk7XG4iXX0= */"), e = n((c, l) => /* @__PURE__ */ b(i, { ...c, ref: l }));
10
+ })((c) => c.theme.typography[c.variant], process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy90eXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0IiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvdGhlbWUvc3JjL3R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAnY29tbW9uJztcblxuaW1wb3J0IHR5cGUge0FuY2hvckhUTUxBdHRyaWJ1dGVzLCBFbGVtZW50VHlwZSwgSFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUge1R5cG9ncmFwaHlWYXJpYW50fSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgVHlwb2dyYXBoeVByb3BzID0ge1xuICAvKiog0JLQsNGA0LjQsNC90YIgKi9cbiAgdmFyaWFudDoga2V5b2YgVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKiBUYWdOYW1lIC0g0L/QviDRg9C80L7Qu9GH0LDQvdC40Y4gZGl2ICovXG4gIGFzPzogRWxlbWVudFR5cGU7XG59ICYgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICZcbiAgQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2PFBpY2s8VHlwb2dyYXBoeVByb3BzLCAndmFyaWFudCc+Pihwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5W3Byb3BzLnZhcmlhbnRdKTtcblxuZXhwb3J0IGNvbnN0IFR5cG9ncmFwaHkgPSBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBUeXBvZ3JhcGh5UHJvcHM+KChwcm9wcywgcmVmKSA9PiAoXG4gIDxDb250YWluZXIgey4uLnByb3BzfSByZWY9e3JlZn0gLz5cbikpO1xuIl19 */"), t = o((c, b) => /* @__PURE__ */ l(e, { ...c, ref: b }));
10
11
  export {
11
- e as Typography
12
+ t as Typography
12
13
  };
13
14
  //# sourceMappingURL=Typography.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.es.js","sources":["../../src/typography/Typography.tsx"],"sourcesContent":["import {forwardRef} from 'react';\nimport styled from '@emotion/styled';\n\nimport type {AnchorHTMLAttributes, ElementType, HTMLAttributes} from 'react';\n\nimport type {TypographyVariant} from './types';\n\nexport type TypographyProps = {\n /** Вариант */\n variant: keyof TypographyVariant;\n /** TagName - по умолчанию div */\n as?: ElementType;\n} & HTMLAttributes<HTMLDivElement> &\n AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst Container = styled.div<Pick<TypographyProps, 'variant'>>(props => props.theme.typography[props.variant]);\n\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>((props, ref) => (\n <Container {...props} ref={ref} />\n));\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","props","theme","typography","variant","Typography","forwardRef","ref"],"mappings":";;;AAeA,MAAMA,IAAY,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAU,EAAmCC,CAAAA,MAASA,EAAMC,MAAMC,WAAWF,EAAMG,OAAO,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,6xCAAA,GAEjGO,IAAaC,EAA4C,CAACL,GAAOM,wBAC3Eb,GAAcO,EAAAA,GAAAA,GAAO,KAAAM,GAAS,CAChC;"}
1
+ {"version":3,"file":"Typography.es.js","sources":["../../src/typography/Typography.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport {forwardRef} from 'common';\n\nimport type {AnchorHTMLAttributes, ElementType, HTMLAttributes} from 'react';\n\nimport type {TypographyVariant} from './types';\n\nexport type TypographyProps = {\n /** Вариант */\n variant: keyof TypographyVariant;\n /** TagName - по умолчанию div */\n as?: ElementType;\n} & HTMLAttributes<HTMLDivElement> &\n AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst Container = styled.div<Pick<TypographyProps, 'variant'>>(props => props.theme.typography[props.variant]);\n\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>((props, ref) => (\n <Container {...props} ref={ref} />\n));\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","props","theme","typography","variant","Typography","forwardRef","ref"],"mappings":";;;;AAgBA,MAAMA,IAAY,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAU,EAAmCC,CAAAA,MAASA,EAAMC,MAAMC,WAAWF,EAAMG,OAAO,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,iyCAAA,GAEjGO,IAAaC,EAA4C,CAACL,GAAOM,wBAC3Eb,GAAcO,EAAAA,GAAAA,GAAO,KAAAM,GAAS,CAChC;"}
package/package.json CHANGED
@@ -1,8 +1,7 @@
1
1
  {
2
2
  "name": "@join-x5/react-theme",
3
- "version": "1.0.0-rc",
3
+ "version": "1.0.2",
4
4
  "private": false,
5
- "homepage": "https://www.figma.com/design/c0xn3Ib5FZSfPcnfsOIrmy4i/Join-Web%3A-component",
6
5
  "type": "module",
7
6
  "main": "dist/index.cjs",
8
7
  "module": "dist/index.es.js",
@@ -17,18 +16,19 @@
17
16
  "devDependencies": {
18
17
  "@emotion/babel-plugin": "^11.13.5",
19
18
  "@eslint/js": "^9.3.0",
20
- "@laynezh/vite-plugin-lib-assets": "^0.5.24",
19
+ "@laynezh/vite-plugin-lib-assets": "^1.0.0",
20
+ "@stylistic/eslint-plugin": "^3.0.1",
21
21
  "@types/react": "^18.3.11",
22
22
  "@types/react-dom": "^18.3.0",
23
23
  "@types/react-window": "^1.8.8",
24
24
  "@vitejs/plugin-react": "^4.3.2",
25
- "eslint": "^8.57.0",
26
- "eslint-config-prettier": "^9.1.0",
25
+ "eslint": "^9.19.0",
26
+ "eslint-config-prettier": "^10.0.1",
27
27
  "eslint-import-resolver-typescript": "^3.6.3",
28
28
  "eslint-plugin-import": "^2.31.0",
29
29
  "eslint-plugin-prettier": "^5.2.1",
30
30
  "eslint-plugin-react": "^7.34.1",
31
- "eslint-plugin-react-hooks": "^4.6.2",
31
+ "eslint-plugin-react-hooks": "^5.1.0",
32
32
  "eslint-plugin-workspaces": "^0.10.1",
33
33
  "jsdom": "^25.0.1",
34
34
  "prettier": "3.3.3",
@@ -36,19 +36,19 @@
36
36
  "react-dom": "^18.3.1",
37
37
  "rollup-plugin-peer-deps-external": "^2.2.4",
38
38
  "rollup-plugin-preserve-directives": "^0.4.0",
39
- "typescript": "^5.4.5",
40
- "typescript-eslint": "^7.10.0",
39
+ "typescript": "^5.7.3",
40
+ "typescript-eslint": "^8.23.0",
41
41
  "vite": "^5.4.8",
42
42
  "vite-plugin-dts": "^4.2.4",
43
43
  "vite-tsconfig-paths": "^5.0.1"
44
44
  },
45
45
  "dependencies": {
46
- "@emotion/react": "^11.11.4",
47
- "@emotion/styled": "^11.11.5"
46
+ "@emotion/react": "^11.14.0",
47
+ "@emotion/styled": "^11.14.0"
48
48
  },
49
49
  "peerDependencies": {
50
- "@emotion/react": "^11.11.4",
51
- "@emotion/styled": "^11.11.5",
50
+ "@emotion/react": "^11.14.0",
51
+ "@emotion/styled": "^11.14.0",
52
52
  "react": ">=17.0.0",
53
53
  "react-dom": ">=17.0.0"
54
54
  }
@@ -1,2 +0,0 @@
1
- import { UIPalette } from './types';
2
- export declare const ui: UIPalette;
@@ -1,32 +0,0 @@
1
- const f = {
2
- grey: {
3
- 5: "#f6f6f8",
4
- 10: "#eff1f5",
5
- 20: "#e1e5eb",
6
- 30: "#cfd4dc",
7
- 40: "#b4bbc6",
8
- 50: "#9299a4",
9
- 60: "#6c737d",
10
- 70: "#50565e",
11
- 80: "#3b4047",
12
- 90: "#2a2e33",
13
- 100: "#222429"
14
- },
15
- accent: {
16
- 5: "#f0f9fc",
17
- 10: "#e3f2fd",
18
- 20: "#bbdefb",
19
- 30: "#90caf9",
20
- 40: "#64b5f6",
21
- 50: "#42a5f5",
22
- 60: "#2196f3",
23
- 70: "#1e88e5",
24
- 80: "#1976d2",
25
- 90: "#1565c0",
26
- 100: "#0d47a1"
27
- }
28
- };
29
- export {
30
- f as ui
31
- };
32
- //# sourceMappingURL=ui.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ui.es.js","sources":["../../src/colors/ui.ts"],"sourcesContent":["import type {UIPalette} from './types';\n\nexport const ui: UIPalette = {\n grey: {\n 5: '#f6f6f8',\n 10: '#eff1f5',\n 20: '#e1e5eb',\n 30: '#cfd4dc',\n 40: '#b4bbc6',\n 50: '#9299a4',\n 60: '#6c737d',\n 70: '#50565e',\n 80: '#3b4047',\n 90: '#2a2e33',\n 100: '#222429',\n },\n\n accent: {\n 5: '#f0f9fc',\n 10: '#e3f2fd',\n 20: '#bbdefb',\n 30: '#90caf9',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2196f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n} as const;\n"],"names":["ui","grey","accent"],"mappings":"AAEO,MAAMA,IAAgB;AAAA,EAC3BC,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,EACP;AAAA,EAEAC,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,EAAA;AAET;"}