@cloud-ru/uikit-product-site-tag 0.3.10 → 0.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/components/Erid/Erid.d.ts +13 -0
  3. package/dist/cjs/components/Erid/Erid.js +14 -0
  4. package/dist/cjs/components/Erid/constants.d.ts +4 -0
  5. package/dist/cjs/components/Erid/constants.js +7 -0
  6. package/dist/cjs/components/Erid/index.d.ts +2 -0
  7. package/dist/cjs/components/Erid/index.js +20 -0
  8. package/dist/cjs/components/Erid/styles.module.css +33 -0
  9. package/dist/cjs/components/TagSpecial/TagSpecial.d.ts +10 -0
  10. package/dist/cjs/components/TagSpecial/TagSpecial.js +22 -0
  11. package/dist/cjs/components/TagSpecial/index.d.ts +1 -0
  12. package/dist/cjs/components/TagSpecial/index.js +17 -0
  13. package/dist/cjs/components/index.d.ts +2 -0
  14. package/dist/cjs/components/index.js +18 -0
  15. package/dist/cjs/helperComponents/Tooltip/Tooltip.d.ts +7 -0
  16. package/dist/cjs/helperComponents/Tooltip/Tooltip.js +15 -0
  17. package/dist/cjs/helperComponents/Tooltip/index.d.ts +1 -0
  18. package/dist/cjs/helperComponents/Tooltip/index.js +17 -0
  19. package/dist/cjs/helperComponents/Tooltip/styles.module.css +60 -0
  20. package/dist/cjs/helperComponents/index.d.ts +1 -0
  21. package/dist/cjs/helperComponents/index.js +17 -0
  22. package/dist/cjs/index.d.ts +1 -0
  23. package/dist/cjs/index.js +17 -0
  24. package/dist/cjs/types.d.ts +2 -0
  25. package/dist/cjs/types.js +2 -0
  26. package/dist/esm/components/Erid/Erid.d.ts +13 -0
  27. package/dist/esm/components/Erid/Erid.js +8 -0
  28. package/dist/esm/components/Erid/constants.d.ts +4 -0
  29. package/dist/esm/components/Erid/constants.js +4 -0
  30. package/dist/esm/components/Erid/index.d.ts +2 -0
  31. package/dist/esm/components/Erid/index.js +2 -0
  32. package/dist/esm/components/Erid/styles.module.css +33 -0
  33. package/dist/esm/components/TagSpecial/TagSpecial.d.ts +10 -0
  34. package/dist/esm/components/TagSpecial/TagSpecial.js +19 -0
  35. package/dist/esm/components/TagSpecial/index.d.ts +1 -0
  36. package/dist/esm/components/TagSpecial/index.js +1 -0
  37. package/dist/esm/components/index.d.ts +2 -0
  38. package/dist/esm/components/index.js +2 -0
  39. package/dist/esm/helperComponents/Tooltip/Tooltip.d.ts +7 -0
  40. package/dist/esm/helperComponents/Tooltip/Tooltip.js +9 -0
  41. package/dist/esm/helperComponents/Tooltip/index.d.ts +1 -0
  42. package/dist/esm/helperComponents/Tooltip/index.js +1 -0
  43. package/dist/esm/helperComponents/Tooltip/styles.module.css +60 -0
  44. package/dist/esm/helperComponents/index.d.ts +1 -0
  45. package/dist/esm/helperComponents/index.js +1 -0
  46. package/dist/esm/index.d.ts +1 -0
  47. package/dist/esm/index.js +1 -0
  48. package/dist/esm/types.d.ts +2 -0
  49. package/dist/esm/types.js +1 -0
  50. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.3.11 (2025-11-12)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 0.3.10 (2025-11-12)
7
18
 
8
19
  ### Only dependencies have been changed
@@ -0,0 +1,13 @@
1
+ import { ValueOf } from '@snack-uikit/utils';
2
+ import { APPEARANCE_ERID } from './constants';
3
+ type Appearance = ValueOf<typeof APPEARANCE_ERID>;
4
+ export type EridProps = {
5
+ /** Текст в tooltip */
6
+ tip: string;
7
+ /** CSS-класс */
8
+ className?: string;
9
+ /** Внешний вид Erid */
10
+ appearance: Appearance;
11
+ };
12
+ export declare function Erid({ tip, className, appearance }: EridProps): import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Erid = Erid;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const tooltip_1 = require("@snack-uikit/tooltip");
9
+ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
10
+ function Erid({ tip, className, appearance }) {
11
+ return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { triggerClassName: className, tip: tip, children: (0, jsx_runtime_1.jsx)("span", { "data-appearance": appearance, className: styles_module_scss_1.default.root,
12
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
13
+ tabIndex: 0, children: (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.label, children: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430" }) }) }));
14
+ }
@@ -0,0 +1,4 @@
1
+ export declare const APPEARANCE_ERID: {
2
+ readonly Neutral: "neutral";
3
+ readonly InvertNeutral: "invert-neutral";
4
+ };
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.APPEARANCE_ERID = void 0;
4
+ exports.APPEARANCE_ERID = {
5
+ Neutral: 'neutral',
6
+ InvertNeutral: 'invert-neutral',
7
+ };
@@ -0,0 +1,2 @@
1
+ export * from './Erid';
2
+ export { APPEARANCE_ERID } from './constants';
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.APPEARANCE_ERID = void 0;
18
+ __exportStar(require("./Erid"), exports);
19
+ var constants_1 = require("./constants");
20
+ Object.defineProperty(exports, "APPEARANCE_ERID", { enumerable: true, get: function () { return constants_1.APPEARANCE_ERID; } });
@@ -0,0 +1,33 @@
1
+ .label{
2
+ font-family:var(--light-label-s-font-family, SB Sans Text);
3
+ font-weight:var(--light-label-s-font-weight, Regular);
4
+ line-height:var(--light-label-s-line-height, 14px);
5
+ font-size:var(--light-label-s-font-size, 11px);
6
+ letter-spacing:var(--light-label-s-letter-spacing, 0px);
7
+ paragraph-spacing:var(--light-label-s-paragraph-spacing, 6.05px);
8
+ overflow:hidden;
9
+ text-overflow:ellipsis;
10
+ white-space:nowrap;
11
+ }
12
+
13
+ .root{
14
+ display:inline-flex;
15
+ align-items:center;
16
+ height:24px;
17
+ background:var(--sys-opacity-enabled, rgba(255, 255, 255, 0.1607843137));
18
+ padding:0 8px;
19
+ box-sizing:border-box;
20
+ max-width:100%;
21
+ }
22
+ .root:focus-visible{
23
+ outline-width:var(--border-state-focus-s-border-width, 2px);
24
+ outline-style:var(--border-state-focus-s-border-style, solid);
25
+ outline-color:var(--border-state-focus-s-border-color, );
26
+ outline-color:var(--sys-available-complementary, #15151b);
27
+ }
28
+ .root[data-appearance=invert-neutral]{
29
+ background:var(--sys-opacity-disabled, rgba(255, 255, 255, 0.0784313725));
30
+ }
31
+ .root[data-appearance=invert-neutral] .label{
32
+ color:var(--sys-invert-neutral-text-support, #bec2cf);
33
+ }
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ import { WithSupportProps } from '@sbercloud/uikit-product-utils';
3
+ import { Appearance } from '../../types';
4
+ export type TagSpecialProps = WithSupportProps<{
5
+ text: string;
6
+ appearance: Appearance;
7
+ tip?: ReactNode;
8
+ className?: string;
9
+ }>;
10
+ export declare function TagSpecial({ text, appearance, tip, className, ...rest }: TagSpecialProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.TagSpecial = TagSpecial;
15
+ const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
17
+ const promo_tag_1 = require("@snack-uikit/promo-tag");
18
+ const helperComponents_1 = require("../../helperComponents");
19
+ function TagSpecial(_a) {
20
+ var { text, appearance = 'neutral', tip, className } = _a, rest = __rest(_a, ["text", "appearance", "tip", "className"]);
21
+ return ((0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, Object.assign({ size: 'xs', text: text, appearance: appearance, color: 'decor', afterContent: tip && (0, jsx_runtime_1.jsx)(helperComponents_1.Tooltip, { appearance: appearance, tip: tip }), className: className }, (0, uikit_product_utils_1.extractSupportProps)(rest))));
22
+ }
@@ -0,0 +1 @@
1
+ export * from './TagSpecial';
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./TagSpecial"), exports);
@@ -0,0 +1,2 @@
1
+ export * from './TagSpecial';
2
+ export * from './Erid';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./TagSpecial"), exports);
18
+ __exportStar(require("./Erid"), exports);
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { Appearance } from '../../types';
3
+ export type TooltipProps = {
4
+ tip?: ReactNode;
5
+ appearance: Appearance;
6
+ };
7
+ export declare function Tooltip({ tip, appearance }: TooltipProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Tooltip = Tooltip;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const tooltip_1 = require("@snack-uikit/tooltip");
9
+ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
10
+ function Tooltip({ tip, appearance }) {
11
+ return ((0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { "data-color": 'blue', className: styles_module_scss_1.default.tooltip, size: 'xs', tip: tip, trigger: 'hover', triggerSupportProps: {
12
+ 'data-appearance': appearance,
13
+ 'data-test-id': 'tag__tooltip',
14
+ } }));
15
+ }
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./Tooltip"), exports);
@@ -0,0 +1,60 @@
1
+ .tooltip[data-appearance=neutral]{
2
+ color:var(--sys-neutral-text-light, #8b8e9b);
3
+ }
4
+ .tooltip[data-appearance=neutral]:hover, .tooltip[data-appearance=neutral]:active, .tooltip[data-appearance=neutral]:focus-visible{
5
+ color:var(--sys-neutral-text-support, #6d707f);
6
+ }
7
+ .tooltip[data-appearance=violet]{
8
+ color:var(--sys-violet-text-light, #b68bd5);
9
+ }
10
+ .tooltip[data-appearance=violet]:hover, .tooltip[data-appearance=violet]:focus-visible{
11
+ color:var(--sys-violet-text-support, #8c639b);
12
+ }
13
+ .tooltip[data-appearance=violet]:active, .tooltip[data-appearance=violet][data-opened=true]{
14
+ color:var(--sys-violet-text-main, #59446a);
15
+ }
16
+ .tooltip[data-appearance=blue]{
17
+ color:var(--sys-blue-text-light, #749eda);
18
+ }
19
+ .tooltip[data-appearance=blue]:hover, .tooltip[data-appearance=blue]:focus-visible{
20
+ color:var(--sys-blue-text-support, #4877b0);
21
+ }
22
+ .tooltip[data-appearance=blue]:active, .tooltip[data-appearance=blue][data-opened=true]{
23
+ color:var(--sys-blue-text-main, #2b537e);
24
+ }
25
+ .tooltip[data-appearance=green]{
26
+ color:var(--sys-green-text-light, #69b56f);
27
+ }
28
+ .tooltip[data-appearance=green]:hover, .tooltip[data-appearance=green]:focus-visible{
29
+ color:var(--sys-green-text-support, #55915a);
30
+ }
31
+ .tooltip[data-appearance=green]:active, .tooltip[data-appearance=green][data-opened=true]{
32
+ color:var(--sys-green-text-main, #3d6035);
33
+ }
34
+ .tooltip[data-appearance=orange]{
35
+ color:var(--sys-orange-text-light, #e78940);
36
+ }
37
+ .tooltip[data-appearance=orange]:hover, .tooltip[data-appearance=orange]:focus-visible{
38
+ color:var(--sys-orange-text-support, #bb733e);
39
+ }
40
+ .tooltip[data-appearance=orange]:active, .tooltip[data-appearance=orange][data-opened=true]{
41
+ color:var(--sys-orange-text-main, #884c23);
42
+ }
43
+ .tooltip[data-appearance=red]{
44
+ color:var(--sys-red-text-light, #e7756a);
45
+ }
46
+ .tooltip[data-appearance=red]:hover, .tooltip[data-appearance=red]:focus-visible{
47
+ color:var(--sys-red-text-support, #ae514c);
48
+ }
49
+ .tooltip[data-appearance=red]:active, .tooltip[data-appearance=red][data-opened=true]{
50
+ color:var(--sys-red-text-main, #7a2d2d);
51
+ }
52
+ .tooltip[data-appearance=pink]{
53
+ color:var(--sys-pink-text-light, #db85a2);
54
+ }
55
+ .tooltip[data-appearance=pink]:hover, .tooltip[data-appearance=pink]:focus-visible{
56
+ color:var(--sys-pink-text-support, #ae5e80);
57
+ }
58
+ .tooltip[data-appearance=pink]:active, .tooltip[data-appearance=pink][data-opened=true]{
59
+ color:var(--sys-pink-text-main, #754158);
60
+ }
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./Tooltip"), exports);
@@ -0,0 +1 @@
1
+ export * from './components';
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./components"), exports);
@@ -0,0 +1,2 @@
1
+ import { PromoTagProps } from '@snack-uikit/promo-tag';
2
+ export type Appearance = NonNullable<Exclude<PromoTagProps['appearance'], 'primary' | 'yellow'>>;
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,13 @@
1
+ import { ValueOf } from '@snack-uikit/utils';
2
+ import { APPEARANCE_ERID } from './constants';
3
+ type Appearance = ValueOf<typeof APPEARANCE_ERID>;
4
+ export type EridProps = {
5
+ /** Текст в tooltip */
6
+ tip: string;
7
+ /** CSS-класс */
8
+ className?: string;
9
+ /** Внешний вид Erid */
10
+ appearance: Appearance;
11
+ };
12
+ export declare function Erid({ tip, className, appearance }: EridProps): import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Tooltip } from '@snack-uikit/tooltip';
3
+ import styles from './styles.module.css';
4
+ export function Erid({ tip, className, appearance }) {
5
+ return (_jsx(Tooltip, { triggerClassName: className, tip: tip, children: _jsx("span", { "data-appearance": appearance, className: styles.root,
6
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
7
+ tabIndex: 0, children: _jsx("span", { className: styles.label, children: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430" }) }) }));
8
+ }
@@ -0,0 +1,4 @@
1
+ export declare const APPEARANCE_ERID: {
2
+ readonly Neutral: "neutral";
3
+ readonly InvertNeutral: "invert-neutral";
4
+ };
@@ -0,0 +1,4 @@
1
+ export const APPEARANCE_ERID = {
2
+ Neutral: 'neutral',
3
+ InvertNeutral: 'invert-neutral',
4
+ };
@@ -0,0 +1,2 @@
1
+ export * from './Erid';
2
+ export { APPEARANCE_ERID } from './constants';
@@ -0,0 +1,2 @@
1
+ export * from './Erid';
2
+ export { APPEARANCE_ERID } from './constants';
@@ -0,0 +1,33 @@
1
+ .label{
2
+ font-family:var(--light-label-s-font-family, SB Sans Text);
3
+ font-weight:var(--light-label-s-font-weight, Regular);
4
+ line-height:var(--light-label-s-line-height, 14px);
5
+ font-size:var(--light-label-s-font-size, 11px);
6
+ letter-spacing:var(--light-label-s-letter-spacing, 0px);
7
+ paragraph-spacing:var(--light-label-s-paragraph-spacing, 6.05px);
8
+ overflow:hidden;
9
+ text-overflow:ellipsis;
10
+ white-space:nowrap;
11
+ }
12
+
13
+ .root{
14
+ display:inline-flex;
15
+ align-items:center;
16
+ height:24px;
17
+ background:var(--sys-opacity-enabled, rgba(255, 255, 255, 0.1607843137));
18
+ padding:0 8px;
19
+ box-sizing:border-box;
20
+ max-width:100%;
21
+ }
22
+ .root:focus-visible{
23
+ outline-width:var(--border-state-focus-s-border-width, 2px);
24
+ outline-style:var(--border-state-focus-s-border-style, solid);
25
+ outline-color:var(--border-state-focus-s-border-color, );
26
+ outline-color:var(--sys-available-complementary, #15151b);
27
+ }
28
+ .root[data-appearance=invert-neutral]{
29
+ background:var(--sys-opacity-disabled, rgba(255, 255, 255, 0.0784313725));
30
+ }
31
+ .root[data-appearance=invert-neutral] .label{
32
+ color:var(--sys-invert-neutral-text-support, #bec2cf);
33
+ }
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ import { WithSupportProps } from '@sbercloud/uikit-product-utils';
3
+ import { Appearance } from '../../types';
4
+ export type TagSpecialProps = WithSupportProps<{
5
+ text: string;
6
+ appearance: Appearance;
7
+ tip?: ReactNode;
8
+ className?: string;
9
+ }>;
10
+ export declare function TagSpecial({ text, appearance, tip, className, ...rest }: TagSpecialProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import { extractSupportProps } from '@sbercloud/uikit-product-utils';
14
+ import { PromoTag } from '@snack-uikit/promo-tag';
15
+ import { Tooltip } from '../../helperComponents';
16
+ export function TagSpecial(_a) {
17
+ var { text, appearance = 'neutral', tip, className } = _a, rest = __rest(_a, ["text", "appearance", "tip", "className"]);
18
+ return (_jsx(PromoTag, Object.assign({ size: 'xs', text: text, appearance: appearance, color: 'decor', afterContent: tip && _jsx(Tooltip, { appearance: appearance, tip: tip }), className: className }, extractSupportProps(rest))));
19
+ }
@@ -0,0 +1 @@
1
+ export * from './TagSpecial';
@@ -0,0 +1 @@
1
+ export * from './TagSpecial';
@@ -0,0 +1,2 @@
1
+ export * from './TagSpecial';
2
+ export * from './Erid';
@@ -0,0 +1,2 @@
1
+ export * from './TagSpecial';
2
+ export * from './Erid';
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { Appearance } from '../../types';
3
+ export type TooltipProps = {
4
+ tip?: ReactNode;
5
+ appearance: Appearance;
6
+ };
7
+ export declare function Tooltip({ tip, appearance }: TooltipProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { QuestionTooltip } from '@snack-uikit/tooltip';
3
+ import styles from './styles.module.css';
4
+ export function Tooltip({ tip, appearance }) {
5
+ return (_jsx(QuestionTooltip, { "data-color": 'blue', className: styles.tooltip, size: 'xs', tip: tip, trigger: 'hover', triggerSupportProps: {
6
+ 'data-appearance': appearance,
7
+ 'data-test-id': 'tag__tooltip',
8
+ } }));
9
+ }
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1,60 @@
1
+ .tooltip[data-appearance=neutral]{
2
+ color:var(--sys-neutral-text-light, #8b8e9b);
3
+ }
4
+ .tooltip[data-appearance=neutral]:hover, .tooltip[data-appearance=neutral]:active, .tooltip[data-appearance=neutral]:focus-visible{
5
+ color:var(--sys-neutral-text-support, #6d707f);
6
+ }
7
+ .tooltip[data-appearance=violet]{
8
+ color:var(--sys-violet-text-light, #b68bd5);
9
+ }
10
+ .tooltip[data-appearance=violet]:hover, .tooltip[data-appearance=violet]:focus-visible{
11
+ color:var(--sys-violet-text-support, #8c639b);
12
+ }
13
+ .tooltip[data-appearance=violet]:active, .tooltip[data-appearance=violet][data-opened=true]{
14
+ color:var(--sys-violet-text-main, #59446a);
15
+ }
16
+ .tooltip[data-appearance=blue]{
17
+ color:var(--sys-blue-text-light, #749eda);
18
+ }
19
+ .tooltip[data-appearance=blue]:hover, .tooltip[data-appearance=blue]:focus-visible{
20
+ color:var(--sys-blue-text-support, #4877b0);
21
+ }
22
+ .tooltip[data-appearance=blue]:active, .tooltip[data-appearance=blue][data-opened=true]{
23
+ color:var(--sys-blue-text-main, #2b537e);
24
+ }
25
+ .tooltip[data-appearance=green]{
26
+ color:var(--sys-green-text-light, #69b56f);
27
+ }
28
+ .tooltip[data-appearance=green]:hover, .tooltip[data-appearance=green]:focus-visible{
29
+ color:var(--sys-green-text-support, #55915a);
30
+ }
31
+ .tooltip[data-appearance=green]:active, .tooltip[data-appearance=green][data-opened=true]{
32
+ color:var(--sys-green-text-main, #3d6035);
33
+ }
34
+ .tooltip[data-appearance=orange]{
35
+ color:var(--sys-orange-text-light, #e78940);
36
+ }
37
+ .tooltip[data-appearance=orange]:hover, .tooltip[data-appearance=orange]:focus-visible{
38
+ color:var(--sys-orange-text-support, #bb733e);
39
+ }
40
+ .tooltip[data-appearance=orange]:active, .tooltip[data-appearance=orange][data-opened=true]{
41
+ color:var(--sys-orange-text-main, #884c23);
42
+ }
43
+ .tooltip[data-appearance=red]{
44
+ color:var(--sys-red-text-light, #e7756a);
45
+ }
46
+ .tooltip[data-appearance=red]:hover, .tooltip[data-appearance=red]:focus-visible{
47
+ color:var(--sys-red-text-support, #ae514c);
48
+ }
49
+ .tooltip[data-appearance=red]:active, .tooltip[data-appearance=red][data-opened=true]{
50
+ color:var(--sys-red-text-main, #7a2d2d);
51
+ }
52
+ .tooltip[data-appearance=pink]{
53
+ color:var(--sys-pink-text-light, #db85a2);
54
+ }
55
+ .tooltip[data-appearance=pink]:hover, .tooltip[data-appearance=pink]:focus-visible{
56
+ color:var(--sys-pink-text-support, #ae5e80);
57
+ }
58
+ .tooltip[data-appearance=pink]:active, .tooltip[data-appearance=pink][data-opened=true]{
59
+ color:var(--sys-pink-text-main, #754158);
60
+ }
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1 @@
1
+ export * from './components';
@@ -0,0 +1 @@
1
+ export * from './components';
@@ -0,0 +1,2 @@
1
+ import { PromoTagProps } from '@snack-uikit/promo-tag';
2
+ export type Appearance = NonNullable<Exclude<PromoTagProps['appearance'], 'primary' | 'yellow'>>;
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-site-tag",
3
3
  "title": "Site Tag",
4
- "version": "0.3.10",
4
+ "version": "0.3.11",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -30,16 +30,17 @@
30
30
  "name": "Akhremenko Grigorii",
31
31
  "url": "https://github.com/AGrigorii"
32
32
  },
33
+ "contributors": [],
33
34
  "license": "Apache-2.0",
34
35
  "publishConfig": {
35
36
  "access": "public"
36
37
  },
37
38
  "scripts": {},
38
39
  "dependencies": {
39
- "@cloud-ru/uikit-product-utils": "7.0.0",
40
+ "@cloud-ru/uikit-product-utils": "7.0.1",
40
41
  "@snack-uikit/promo-tag": "0.7.1",
41
42
  "@snack-uikit/tooltip": "0.16.2",
42
43
  "@snack-uikit/utils": "3.8.1"
43
44
  },
44
- "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
45
+ "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
45
46
  }