skillgrid 0.0.91 → 0.0.93
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.
- package/dist/assets/components/Notification/Notification.module-BVePCO8H.css +1 -0
- package/dist/components/Notification/Notification.d.ts +7 -0
- package/dist/components/Notification/Notification.i18n.json.d.ts +17 -0
- package/dist/components/Notification/Notification.i18n.json.js +9 -0
- package/dist/components/Notification/Notification.js +299 -0
- package/dist/components/Notification/Notification.module.css.js +72 -0
- package/dist/components/Notification/Notification.type.d.ts +146 -0
- package/dist/components/Notification/NotificationControls.d.ts +21 -0
- package/dist/components/Notification/NotificationControls.js +70 -0
- package/dist/components/Notification/index.d.ts +2 -0
- package/dist/components/Notification/lib/guidelinesReferenceContent.d.ts +34 -0
- package/dist/components/Notification/lib/index.d.ts +2 -0
- package/dist/components/Notification/lib/notificationStyleConfig.d.ts +16 -0
- package/dist/components/Notification/lib/notificationStyleConfig.js +41 -0
- package/dist/components/Notification/lib/referenceGuidelinesGeometry.d.ts +19 -0
- package/dist/components/Notification/lib/referenceGuidelinesGeometry.js +24 -0
- package/dist/components/Notification/lib/referenceGuidelinesGeometry.test.d.ts +1 -0
- package/dist/index.cjs.js +4 -4
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +22 -20
- package/dist/locale/en_US.d.ts +4 -0
- package/dist/locale/en_US.js +6 -4
- package/dist/locale/extendLocale.js +12 -8
- package/dist/locale/index.d.ts +1 -1
- package/dist/locale/ru_RU.d.ts +4 -0
- package/dist/locale/ru_RU.js +4 -2
- package/dist/locale/type.d.ts +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/** Тексты и слоты пяти Figma guidelines instances (node 145:852861). */
|
|
2
|
+
export declare const GUIDELINES_IMPORT_BODY = "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043E\u0442\u0447\u0435\u0442 \u043C\u043E\u0436\u043D\u043E \u0432 \u0440\u0430\u0437\u0434\u0435\u043B\u0435 \"\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0438\u043C\u043F\u043E\u0440\u0442\u043E\u0432\"";
|
|
3
|
+
export declare const GUIDELINES_ACTION_PRIMARY: {
|
|
4
|
+
children: "Главное";
|
|
5
|
+
};
|
|
6
|
+
export declare const GUIDELINES_ACTION_SECONDARY: {
|
|
7
|
+
children: "Дополнительное";
|
|
8
|
+
};
|
|
9
|
+
export declare const GUIDELINES_LINK: {
|
|
10
|
+
children: "Подробнее";
|
|
11
|
+
as: "button";
|
|
12
|
+
};
|
|
13
|
+
/** Целевые размеры SRC-09 / AC-05 (subpixel допускается при QA). */
|
|
14
|
+
export declare const GUIDELINES_REFERENCE_SIZES: readonly [{
|
|
15
|
+
readonly testId: "guideline-326-11573";
|
|
16
|
+
readonly width: 326;
|
|
17
|
+
readonly height: 115.73;
|
|
18
|
+
}, {
|
|
19
|
+
readonly testId: "guideline-287-94925";
|
|
20
|
+
readonly width: 287;
|
|
21
|
+
readonly height: 94.925;
|
|
22
|
+
}, {
|
|
23
|
+
readonly testId: "guideline-400-142";
|
|
24
|
+
readonly width: 400;
|
|
25
|
+
readonly height: 142;
|
|
26
|
+
}, {
|
|
27
|
+
readonly testId: "guideline-287-70315";
|
|
28
|
+
readonly width: 287;
|
|
29
|
+
readonly height: 70.315;
|
|
30
|
+
}, {
|
|
31
|
+
readonly testId: "guideline-326-8034";
|
|
32
|
+
readonly width: 326;
|
|
33
|
+
readonly height: 80.34;
|
|
34
|
+
}];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ElementType, ReactElement } from 'react';
|
|
2
|
+
import { IconProps } from '../../Icon/Icon.type';
|
|
3
|
+
import { NotificationStyle } from '../Notification.type';
|
|
4
|
+
type NotificationIconComponent = (<E extends ElementType = 'button'>(props: Omit<IconProps<E>, 'icon'>) => ReactElement | null) & {
|
|
5
|
+
displayName?: string;
|
|
6
|
+
};
|
|
7
|
+
export type NotificationStyleTokens = {
|
|
8
|
+
icon: NotificationIconComponent;
|
|
9
|
+
iconColor: string;
|
|
10
|
+
iconBackground: string;
|
|
11
|
+
background: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const NOTIFICATION_STYLE_CONFIG: Record<NotificationStyle, NotificationStyleTokens>;
|
|
14
|
+
/** Стили с assertive live-region семантикой. */
|
|
15
|
+
export declare const ASSERTIVE_NOTIFICATION_STYLES: NotificationStyle[];
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { CrossCircleOutlined as r, ExclamationCircleOutlined as a, ExclamationTriangleOutlined as n, CheckCircleOutlined as o, InfoCircleOutlined as i } from "../../Icon/categories/general.js";
|
|
2
|
+
const c = {
|
|
3
|
+
neutral: {
|
|
4
|
+
icon: i,
|
|
5
|
+
iconColor: "var(--base-graphite-45)",
|
|
6
|
+
iconBackground: "var(--bg-secondary)",
|
|
7
|
+
background: "var(--bg-primary)"
|
|
8
|
+
},
|
|
9
|
+
positive: {
|
|
10
|
+
icon: o,
|
|
11
|
+
iconColor: "var(--base-green-55)",
|
|
12
|
+
iconBackground: "var(--bg-positive-secondary)",
|
|
13
|
+
background: "var(--bg-primary)"
|
|
14
|
+
},
|
|
15
|
+
warning: {
|
|
16
|
+
icon: n,
|
|
17
|
+
iconColor: "var(--base-orange-50)",
|
|
18
|
+
iconBackground: "var(--bg-warning-secondary)",
|
|
19
|
+
background: "var(--bg-primary)"
|
|
20
|
+
},
|
|
21
|
+
error: {
|
|
22
|
+
icon: a,
|
|
23
|
+
iconColor: "var(--base-red-55)",
|
|
24
|
+
iconBackground: "var(--bg-negative-secondary)",
|
|
25
|
+
background: "var(--bg-primary)"
|
|
26
|
+
},
|
|
27
|
+
negative: {
|
|
28
|
+
icon: r,
|
|
29
|
+
iconColor: "var(--base-red-55)",
|
|
30
|
+
iconBackground: "var(--bg-negative-secondary)",
|
|
31
|
+
background: "var(--bg-primary)"
|
|
32
|
+
}
|
|
33
|
+
}, g = [
|
|
34
|
+
"warning",
|
|
35
|
+
"error",
|
|
36
|
+
"negative"
|
|
37
|
+
];
|
|
38
|
+
export {
|
|
39
|
+
g as ASSERTIVE_NOTIFICATION_STYLES,
|
|
40
|
+
c as NOTIFICATION_STYLE_CONFIG
|
|
41
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** Ключи пяти Figma guidelines instances (SRC-09 / AC-05). */
|
|
2
|
+
export type ReferenceGuidelinesGeometryKey = '326-11573' | '287-94925' | '400-142' | '287-70315' | '326-8034';
|
|
3
|
+
/** Целевые width/height px — синхронны с Notification.module.css geometry modifiers. */
|
|
4
|
+
export declare const REFERENCE_GUIDELINES_GEOMETRY_TARGETS: Record<ReferenceGuidelinesGeometryKey, {
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
}>;
|
|
8
|
+
export type ResolveReferenceGuidelinesGeometryInput = {
|
|
9
|
+
referenceComposition: boolean;
|
|
10
|
+
referenceGuidelinesScale?: 'desktop' | '326' | '287';
|
|
11
|
+
referenceControlsColumn?: boolean;
|
|
12
|
+
hasActions: boolean;
|
|
13
|
+
hasLink: boolean;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Определяет geometry modifier только для referenceComposition + referenceGuidelinesScale.
|
|
17
|
+
* Обычный Notification не затрагивается.
|
|
18
|
+
*/
|
|
19
|
+
export declare function resolveReferenceGuidelinesGeometry(input: ResolveReferenceGuidelinesGeometryInput): ReferenceGuidelinesGeometryKey | undefined;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
function f(i) {
|
|
2
|
+
const {
|
|
3
|
+
referenceComposition: o,
|
|
4
|
+
referenceGuidelinesScale: e,
|
|
5
|
+
referenceControlsColumn: t,
|
|
6
|
+
hasActions: r,
|
|
7
|
+
hasLink: n
|
|
8
|
+
} = i;
|
|
9
|
+
if (!(!o || !e)) {
|
|
10
|
+
if (e === "desktop")
|
|
11
|
+
return "400-142";
|
|
12
|
+
if (e === "326")
|
|
13
|
+
return t ? "326-8034" : r ? "326-11573" : void 0;
|
|
14
|
+
if (e === "287") {
|
|
15
|
+
if (n)
|
|
16
|
+
return "287-94925";
|
|
17
|
+
if (!r && !n)
|
|
18
|
+
return "287-70315";
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
f as resolveReferenceGuidelinesGeometry
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|