@join-x5/react-theme 1.0.0-rc

package/dist/index.d.ts

@@ -0,0 +1,223 @@
+import { ThemeName, ThemeProps } from './types';
+export * from './colors';
+export * from './scroll';
+export * from './shadows';
+export * from './spaces';
+export * from './typography';
+export * from './common';
+export * from './types';
+/** Отступы */
+export declare const zIndex: {
+    readonly dropdown: 100;
+    readonly modal: 800;
+    readonly tooltip: 800;
+    readonly loader: 900;
+    readonly onboarding: 1000;
+};
+export declare const themes: Record<ThemeName, ThemeProps>;
+declare const _default: {
+    colors: {
+        readonly white: "#ffffff";
+        readonly additional: import('./colors').AdditionalPalette;
+        readonly ui: import('./colors').UIPalette;
+        readonly theme: Record<ThemeName, import('./colors').UIPalette>;
+        readonly grey: {
+            5: string;
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly accent: {
+            5: string;
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly red: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly green: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly lime: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly indigo: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly purple: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly teal: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly cyan: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly bluegrey: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly amber: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly pink: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly brown: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly yellow: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        readonly orange: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+    };
+    scroll: import('@emotion/utils').SerializedStyles;
+    shadows: {
+        readonly large: "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)";
+        readonly medium: "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)";
+        readonly small: "0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)";
+    };
+    zIndex: {
+        readonly dropdown: 100;
+        readonly modal: 800;
+        readonly tooltip: 800;
+        readonly loader: 900;
+        readonly onboarding: 1000;
+    };
+    spaces: import('./spaces').SpaceTokenRecord;
+    typography: import('./typography').TypographyVariant;
+};
+export default _default;

package/dist/index.es.js

@@ -0,0 +1,79 @@
+import { colors as o } from "./colors/index.es.js";
+import { scroll as m } from "./scroll/index.es.js";
+import { shadows as p } from "./shadows/index.es.js";
+import { spaces as a } from "./spaces/index.es.js";
+import { SpaceTokenName as y } from "./spaces/index.es.js";
+import { Typography as g } from "./typography/Typography.es.js";
+import { typography as e } from "./typography/types.es.js";
+import { ThemeName as t } from "./types.es.js";
+import { Placement as w, SizeTokenValue as A } from "./common/types.es.js";
+import { startOfDay as b } from "./common/date.es.js";
+import { getQAAttribute as N } from "./common/getQAAttribute.es.js";
+import { useClickAway as X } from "./common/useClickAway.es.js";
+import { useRefMerge as D } from "./common/useRefMerge.es.js";
+import { useUpdateEffect as I } from "./common/useUpdateEffect.es.js";
+const r = {
+  dropdown: 100,
+  modal: 800,
+  tooltip: 800,
+  loader: 900,
+  onboarding: 1e3
+}, n = {
+  [t.Base]: {
+    typography: e,
+    zIndex: r,
+    colors: o
+  },
+  [t.TCX]: {
+    typography: e,
+    zIndex: r,
+    colors: {
+      ...o,
+      ...o.theme.tcx
+    }
+  },
+  [t.TC5]: {
+    typography: e,
+    zIndex: r,
+    colors: {
+      ...o,
+      ...o.theme.tc5
+    }
+  },
+  [t.X5]: {
+    typography: e,
+    zIndex: r,
+    colors: {
+      ...o,
+      ...o.theme.x5
+    }
+  }
+}, d = {
+  colors: o,
+  scroll: m,
+  shadows: p,
+  zIndex: r,
+  spaces: a,
+  typography: e
+};
+export {
+  w as Placement,
+  A as SizeTokenValue,
+  y as SpaceTokenName,
+  t as ThemeName,
+  g as Typography,
+  o as colors,
+  d as default,
+  N as getQAAttribute,
+  m as scroll,
+  p as shadows,
+  a as spaces,
+  b as startOfDay,
+  n as themes,
+  e as typography,
+  X as useClickAway,
+  D as useRefMerge,
+  I as useUpdateEffect,
+  r as zIndex
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +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;"}

package/dist/scroll/index.d.ts

@@ -0,0 +1 @@
+export declare const scroll: import('@emotion/react').SerializedStyles;

package/dist/scroll/index.es.js

@@ -0,0 +1,15 @@
+function o() {
+  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 b = 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: o
+};
+export {
+  b as scroll
+};
+//# sourceMappingURL=index.es.js.map

package/dist/scroll/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/scroll/index.tsx"],"sourcesContent":["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"],"names":["scroll","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;AAEO,MAAMA,IAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA;"}

package/dist/shadows/index.d.ts

@@ -0,0 +1,5 @@
+export declare const shadows: {
+    readonly large: "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)";
+    readonly medium: "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)";
+    readonly small: "0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)";
+};

package/dist/shadows/index.es.js

@@ -0,0 +1,9 @@
+const p = "0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)", x = "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)", a = "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)", r = {
+  large: a,
+  medium: x,
+  small: p
+};
+export {
+  r as shadows
+};
+//# sourceMappingURL=index.es.js.map

package/dist/shadows/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/shadows/index.ts"],"sourcesContent":["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"],"names":["small","medium","large","shadows"],"mappings":"AAAA,MAAMA,IAAQ,0EACRC,IACJ,gHACIC,IACJ,kHAEWC,IAAU;AAAA,EAACD,OAAAA;AAAAA,EAAOD,QAAAA;AAAAA,EAAQD,OAAAA;AAAK;"}

package/dist/spaces/index.d.ts

@@ -0,0 +1,20 @@
+export type SpaceTokenValue = number;
+export declare enum SpaceTokenName {
+    X0 = "x0",
+    X1 = "x1",
+    X2 = "x2",
+    X3 = "x3",
+    X4 = "x4",
+    X5 = "x5",
+    X6 = "x6",
+    X8 = "x8",
+    X10 = "x10",
+    X12 = "x12",
+    X16 = "x16",
+    X20 = "x20"
+}
+export type SpaceJoinArgs = Array<SpaceTokenName | `${SpaceTokenName}`>;
+export type SpaceTokenRecord = {
+    join: (...args: SpaceJoinArgs) => string;
+} & Record<SpaceTokenName, SpaceTokenValue>;
+export declare const spaces: SpaceTokenRecord;

package/dist/spaces/index.es.js

@@ -0,0 +1,21 @@
+var r = /* @__PURE__ */ ((x) => (x.X0 = "x0", x.X1 = "x1", x.X2 = "x2", x.X3 = "x3", x.X4 = "x4", x.X5 = "x5", x.X6 = "x6", x.X8 = "x8", x.X10 = "x10", x.X12 = "x12", x.X16 = "x16", x.X20 = "x20", x))(r || {});
+const s = {
+  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: (...x) => x.map((X) => `${s[X]}px`).join(" ")
+};
+export {
+  r as SpaceTokenName,
+  s as spaces
+};
+//# sourceMappingURL=index.es.js.map

package/dist/spaces/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/spaces/index.ts"],"sourcesContent":["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"],"names":["SpaceTokenName","X0","X1","X2","X3","X4","X5","X6","X8","X10","X12","X16","X20","spaces","join","args","map","key"],"mappings":"AAEYA,IAAAA,sBAAAA,OACVC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,KAAK,MACLC,EAAAA,MAAM,OACNC,EAAAA,MAAM,OACNC,EAAAA,MAAM,OACNC,EAAAA,MAAM,OAZIZ,IAAAA,KAAAA,CAAAA,CAAAA;AAqBL,MAAMa,IAA2B;AAAA,EACrCb,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,IAAoB;AAAA,EACpBA,KAAqB;AAAA,EACrBA,KAAqB;AAAA,EACrBA,KAAqB;AAAA,EACrBA,KAAqB;AAAA,EAEtBc,MAAMA,IAAIC,MAASA,EAAKC,IAAIC,CAAAA,MAAO,GAAGJ,EAAOI,CAAG,CAAC,IAAI,EAAEH,KAAK,GAAG;AACjE;"}

package/dist/types.d.ts

@@ -0,0 +1,27 @@
+import { Colors } from './colors';
+import { TypographyVariant } from './typography';
+export declare enum ThemeName {
+    Base = "base",
+    TCX = "tcx",
+    TC5 = "tc5",
+    X5 = "x5"
+}
+export type ZIndex = {
+    dropdown: number;
+    modal: number;
+    tooltip: number;
+    loader: number;
+    onboarding: number;
+};
+export type ThemeProps = {
+    /** Цвета */
+    colors: Colors;
+    /** Размеры текста и шрифты */
+    typography: TypographyVariant;
+    /** Отступы */
+    zIndex: ZIndex;
+};
+declare module '@emotion/react' {
+    interface Theme extends ThemeProps {
+    }
+}

package/dist/types.es.js

@@ -0,0 +1,6 @@
+import "@emotion/react";
+var t = /* @__PURE__ */ ((r) => (r.Base = "base", r.TCX = "tcx", r.TC5 = "tc5", r.X5 = "x5", r))(t || {});
+export {
+  t as ThemeName
+};
+//# sourceMappingURL=types.es.js.map

package/dist/types.es.js.map

@@ -0,0 +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;"}

package/dist/typography/Typography.d.ts

@@ -0,0 +1,14 @@
+import { AnchorHTMLAttributes, ElementType, HTMLAttributes } from 'react';
+import { TypographyVariant } from './types';
+export type TypographyProps = {
+    /** Вариант */
+    variant: keyof TypographyVariant;
+    /** TagName - по умолчанию div */
+    as?: ElementType;
+} & HTMLAttributes<HTMLDivElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const Typography: import('react').ForwardRefExoticComponent<{
+    /** Вариант */
+    variant: keyof TypographyVariant;
+    /** TagName - по умолчанию div */
+    as?: ElementType;
+} & HTMLAttributes<HTMLDivElement> & AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/typography/Typography.es.js

@@ -0,0 +1,13 @@
+import { jsx as b } from "@emotion/react/jsx-runtime";
+import Z from "@emotion/styled/base";
+import { forwardRef as n } from "react";
+const i = /* @__PURE__ */ Z("div", process.env.NODE_ENV === "production" ? {
+  target: "e195o4we0"
+} : {
+  target: "e195o4we0",
+  label: "Container"
+})((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 }));
+export {
+  e as Typography
+};
+//# sourceMappingURL=Typography.es.js.map

package/dist/typography/Typography.es.js.map

@@ -0,0 +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;"}

package/dist/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Typography';
+export * from './types';

package/dist/typography/types.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from '../common';
+export type TypographyVariant = {
+    base: CSSProperties;
+    h1: CSSProperties;
+    h2: CSSProperties;
+    h3: CSSProperties;
+    h4: CSSProperties;
+    h5: CSSProperties;
+    h6: CSSProperties;
+    p1: CSSProperties;
+    p1compact: CSSProperties;
+    p2: CSSProperties;
+    p3: CSSProperties;
+};
+export declare const typography: TypographyVariant;

package/dist/typography/types.es.js

@@ -0,0 +1,82 @@
+const t = {
+  fontFamily: '"X5 Sans UI", Roboto, Arial, Helvetica, sans-serif',
+  WebkitFontSmoothing: "antialiased",
+  MozOsxFontSmoothing: "grayscale"
+}, e = {
+  base: t,
+  h1: {
+    ...t,
+    fontSize: "36px",
+    lineHeight: "44px",
+    fontWeight: "400",
+    letterSpacing: "-0.2px"
+  },
+  h2: {
+    ...t,
+    fontSize: "28px",
+    lineHeight: "36px",
+    fontWeight: "500",
+    letterSpacing: "0px"
+  },
+  h3: {
+    ...t,
+    fontSize: "20px",
+    lineHeight: "24px",
+    fontWeight: "500",
+    letterSpacing: "0.12px"
+  },
+  h4: {
+    ...t,
+    fontSize: "16px",
+    lineHeight: "20px",
+    fontWeight: "500",
+    letterSpacing: "0.12px"
+  },
+  h5: {
+    ...t,
+    fontSize: "14px",
+    lineHeight: "16px",
+    fontWeight: "500",
+    letterSpacing: "0.08px"
+  },
+  h6: {
+    ...t,
+    fontSize: "12px",
+    lineHeight: "16px",
+    fontWeight: "500",
+    letterSpacing: "1.2px",
+    textTransform: "uppercase"
+  },
+  p1: {
+    ...t,
+    fontSize: "16px",
+    lineHeight: "24px",
+    fontWeight: "400",
+    letterSpacing: "0.12px"
+  },
+  p1compact: {
+    ...t,
+    fontSize: "16px",
+    lineHeight: "20px",
+    fontWeight: "400",
+    letterSpacing: "0.12px"
+  },
+  p2: {
+    ...t,
+    fontSize: "14px",
+    lineHeight: "16px",
+    fontWeight: "400",
+    letterSpacing: "0.08px"
+  },
+  p3: {
+    ...t,
+    fontSize: "12px",
+    lineHeight: "16px",
+    fontWeight: "400",
+    letterSpacing: "0.08px"
+  }
+};
+export {
+  e as typography
+};
+//# sourceMappingURL=types.es.js.map

package/dist/typography/types.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.es.js","sources":["../../src/typography/types.ts"],"sourcesContent":["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"],"names":["base","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","typography","h1","fontSize","lineHeight","fontWeight","letterSpacing","h2","h3","h4","h5","h6","textTransform","p1","p1compact","p2","p3"],"mappings":"AAEA,MAAMA,IAAO;AAAA,EACXC,YAAY;AAAA,EACZC,qBAAqB;AAAA,EACrBC,qBAAqB;AACvB,GAgBaC,IAAgC;AAAA,EAC3CJ,MAAAA;AAAAA,EACAK,IAAI;AAAA,IACF,GAAGL;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAC,IAAI;AAAA,IACF,GAAGV;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAE,IAAI;AAAA,IACF,GAAGX;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAG,IAAI;AAAA,IACF,GAAGZ;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAI,IAAI;AAAA,IACF,GAAGb;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAK,IAAI;AAAA,IACF,GAAGd;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfM,eAAe;AAAA,EACjB;AAAA,EACAC,IAAI;AAAA,IACF,GAAGhB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAQ,WAAW;AAAA,IACT,GAAGjB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAS,IAAI;AAAA,IACF,GAAGlB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EACjB;AAAA,EACAU,IAAI;AAAA,IACF,GAAGnB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAEnB;"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@join-x5/react-theme",
+  "version": "1.0.0-rc",
+  "private": false,
+  "homepage": "https://www.figma.com/design/c0xn3Ib5FZSfPcnfsOIrmy4i/Join-Web%3A-component",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "lint": "eslint src --ignore-pattern \"**/*.stories.tsx\""
+  },
+  "devDependencies": {
+    "@emotion/babel-plugin": "^11.13.5",
+    "@eslint/js": "^9.3.0",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.24",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-window": "^1.8.8",
+    "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-workspaces": "^0.10.1",
+    "jsdom": "^25.0.1",
+    "prettier": "3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.10.0",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.4",
+    "vite-tsconfig-paths": "^5.0.1"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  }
+}